Nothing is more frustrating than a slow website.
A slow website is bad not only for the end-user but also for search engine optimization (SEO).
Meaning, it can cause your website to rank lower in search engine results. That translates to fewer page views and less ad revenue or customer conversion for you.
According to surveys done by Akamai and Gomez.com, nearly half of web users expect a site to load in 2 seconds or less, and they tend to abandon a site that isn’t loaded within 3 seconds. 79% of web shoppers who have trouble with web site performance say they won’t return to the site to buy again and around 44% of them would tell a friend if they had a poor experience shopping online.
How to check your website’s speed Now
To tell whether your website is slow or not, use one of the many free tools out there designed to report just that. Here are several:
- Google’s PageSpeed Insights: Google’s very own tool. Gives mobile and desktop recommendations.
- Pingdom: Useful for all skill levels. Reviews site performance, grades it, and tracks performance history so you can see how your site speed has changed.
- Speedtest: One of the most popular choices — can be used on the web and on mobile platforms. Speedtest checks your site speed and grades popular sites so you can see which sites run the fastest. Works with Pingtest to grade your personal internet connection abilities.
- YSlow: Grades webpages on how they meet established high-performance guidelines. Also summarizes the different components of the website and allows you to view the analysis, offers advice on how to improve your site. YSlow offers a Chrome extension to test the speed of websites.
- GTMetrix: This tool analyzes your website speed using Google Pagespeed Insights and Yslow and gives you a rating from A to F. It also offers suggestions for improvement.
- Webpage Analyzer: This tool gives you information on your page size and website download time, and it offers suggestions on how to improve your site load time. Yahoo!’s Exceptional Performance team has identified 34 rules that affect web page performance. YSlow’s web page analysis is based on the 23 of these 34 rules that are testable. Click each performance rule below to see the details.
- Minimize HTTP Requests
- Use a Content Delivery Network
Some common CDNs include:
- Amazon CloudFront
- Avoid empty src or href
- Add an Expires or a Cache-Control Header
- Gzip Components
- Put StyleSheets at the Top
- Put Scripts at the Bottom
- Avoid CSS Expressions
- Reduce DNS Lookups
- Avoid Redirects
- Remove Duplicate Scripts
- Configure ETags
- Make AJAX Cacheable
- Use GET for AJAX Requests
- Reduce the Number of DOM Elements
- No 404s
- Reduce Cookie Size
- Use Cookie-Free Domains for Components
- Avoid Filters
- Do Not Scale Images in HTML
- Make favicon.ico Small and Cacheable
And also Note down the following as well as.
- Improve your hosting plan
- Understand HTTP requests
- Make images internet-friendly
- Use plugins sparingly (WP sites only)
- Cut down on external scripts
- Optimize JS and CSS files
- Take advantage of caching
- Eliminate website baggage
- Remove Excess Ads
- Speed Up Your Scripting
- Compress text files
- Apache fine tuning (Optional) After bad hosting
- HTTP/2 Adoption (SPDY)
What you need to learn before optimization:
- Removing Uneccessary Plugins and Add-ons
- Limiting/Removing Social Sharing Buttons on Your Website
- Loading Analytics and Ad Networks Code Asynchronously
- Enabling ‘Expires Headers’
- Enabling Cache
- Using a Content Delivery Network (CDN)
- Finding a Faster Web Hosting Provider
- Evaluating Your Website Theme/Template
- Installing Google PageSpeed on Your Server
- Optimizing/Re-sizing Your Images (can have a huge impact)
- Enabling Gzip Compression
- Optimizing Your Database (Regularly)
- Combining Your Background Images into Image Sprites
- Enabling HTTP ‘Keep Alive’ // Http/2
- Fixing ALL Broken Links on Your Website
- Avoiding Image Hotlinking
- Limiting the Number of External Requests
- Using a Reliable CMS
- Using a PHP Accelerator
- Preventing Others from HotLinking Your Images
Brief Idea but still needs to understand each concept along with all the above links before optimization on your website.
Consider implementing a content delivery network (CDN)
Implement new image formats to reduce the size of your images
According to the HTTP Archive, 61 percent of a website’s page weight on a desktop computer is images. Switching between different-sized and different-quality images to save bandwidth using tools like Picturefill and Adaptive Images can help. Adopting new image formats, such as WebP and JPeg XR, can also help reduce image weight by 20 to 50 percent without sacrificing quality.
Cache, cache, cache
Browser caching stores cached versions of static resources, a process that quickens page speed tremendously and reduces server lag. When a user visits a page on your website, the cached version will usually be served unless it has changed since it was last cached; this saves a lot of requests to your server and as a result, makes it faster.
Evaluate your plugins
Plugins can bring new functionality and features to your website, but the more plugins your website has, the more work it has to do to load. Poor or outdated plugins can slow down website performance dramatically as well. This can be easily fixed by evaluating your current plugins and removing those that duplicate functionality, are out of date, or then no longer used.
Combine images into CSS sprites
If you have many images on your page, you are forcing multiple roundtrips of the server to get all the resources secured, which slows down page speed. Sprites combine all background images on a page into one single image. The proper image segment will be displayed because of the CSS background-image and background-position properties.
Enable HTTP keep-alive response headers
HTTP requests are simple: they grab and send a single file and then close. That may be simple, but it isn’t very fast. Keep-alive allows the web browser and server to agree to use the same connection to grab and send multiple files. In other words, the server holds the connection open while a user is on the site instead of opening a new connection with every request, easing the load for the processor, network, and memory.
Use expires headers
When a user visits your website, your website files will be stored on their computer so that your website loads faster for them the next time they visit; there’s an expiration date in the file header that determines how long these files will be stored on their computer, however. This expires header is usually set to 24 hours by default. You can configure the expires header so that the files never time out, or you can increase the expiration date significantly so that it doesn’t impact your server and page load time.
By removing unnecessary line breaks, extra space, and so on, you will speed up parsing, downloading, and executing. This simple task can cut bytes of data from your page, and every little bit counts.
Review your hosting provider and package
If you’ve taken the steps above and your pages are still loading too slowly, it might be time to consider a new hosting package. On a typical shared hosting account, you might be sharing server space with dozens of other companies meanwhile, the speed of your website is affected by the number of people using that server. If shared hosting no longer meets your needs, it might be time to consider dedicated hosting, where you alone have access to the server, or a VPS (Virtual Private Server), a physical computer partitioned into multiple servers each running its own operating system.