Website speed and performance optimization
You have low website speed which needs optimization? Have you ever wondered why you are facing big bounce rate or you are losing visitors? You are in right place!
Website speed/Page speed is a measurement of how fast the content on your page loads.
As https://moz.com/ is noticing pagespeed is very important factor for multiple aspects nowadays!
Page speed is often confused with “site speed,” which is actually the page speed for a sample of page views on a site. Page speed can be described in either “page load time” (the time it takes to fully display the content on a specific page) or “time to first byte” (how long it takes for your browser to receive the first byte of information from the web server).
No matter how you measure it, a faster page speed is better. Many people have found that faster pages both rank and convert better.
The fact is – people like fast sites – Google like fast sites.
And so does Google. In fact, Google likes blistering fast sites so much it is preparing to move to what it is calling a ‘mobile first‘ index in 2017.
‘Site Speed’, we are told by Google in the above video, is a ranking factor. But as with any factor Google confirms is a ranking signal, it’s usually a small, ‘nuanced’ one.
Now that Google is determined to focus on ranking sites based on their mobile experience, the time is upon businesses to REALLY focus on delivering the fastest DESKTOP and MOBILE friendly experience you can achieve.
http://www.hobo-web.co.uk/ noticed about very important moto – Every Second Does Count
Recent Case Studies on Site Speed Performance
There are third party site speed case studies available to back these findings from Doubleclick up:
- Ancestory.com recorded a 7% positive rise in conversions after improving the render time of web pages by 68%, reducing page bloat by 46% and reducing load time by 64%.
- A presentation by AliExpress claimed they reduced load time for their pages by 36% and recorded a 10.5% increase in orders and a 27% increase in conversion rates for new customers.
- Artificial latency added to the Telegraph resulted in page views dropping by 11% for a 4s delay and 44% for a 20s delay.
- The Trainline reduced latency by 0.3s across their funnel and revenue increased by an extra £8 million a year.
- Instagram increased impressions and user profile scroll interactions by simply speeding up their site.
and very interestingly:
‘For every 100ms decrease in homepage load speed, Mobify’s customer base saw a 1.11% lift in session based conversion, amounting to an average annual revenue increase of $376,789. Similarly, for every 100ms decrease in checkout page load speed, Mobify’s customers saw a 1.55% lift* in session based conversion, amounting to an average annual revenue increase of $526,147′ (from wpostats)
How we do it :
Do not use gzip on image files. Instead, compress these in a program like Photoshop where you can retain control over the quality of the image. See “Optimize images” below.
Each time a page redirects to another page, your visitor faces additional time waiting for the HTTP request-response cycle to complete. For example, if your mobile redirect pattern looks like this: “example.com -> www.example.com -> m.example.com -> m.example.com/home,” each of those two additional redirects makes your page load slower.
Leverage browser caching
Improve server response time
Your server response time is affected by the amount of traffic you receive, the resources each page uses, the software your server uses, and the hosting solution you use. To improve your server response time, look for performance bottlenecks like slow database queries, slow routing, or a lack of adequate memory and fix them. The optimal server response time is under 200ms. Learn more about optimizing your time to first byte.
Use a content distribution network
Content distribution networks (CDNs), also called content delivery networks, are networks of servers that are used to distribute the load of delivering content. Essentially, copies of your site are stored at multiple, geographically diverse data centers so that users have faster and more reliable access to your site.
Be sure that your images are no larger than they need to be, that they are in the right file format (PNGs are generally better for graphics with fewer than 16 colors while JPEGs are generally better for photographs) and that they are compressed for the web.
Use CSS sprites to create a template for images that you use frequently on your site like buttons and icons. CSS sprites combine your images into one large image that loads all at once (which means fewer HTTP requests) and then display only the sections that you want to show. This means that you are saving load time by not making users wait for multiple images to load.
… and more important : deep manual analysis and refactoring
The thing is – for fully optimized website and maximum performances your website requires professional attention, and beside plugin mechanisms, deep manual analysis and manual works on it !