The classic and still the best guide for web optimization is this - Best Practices for Speeding Up Your Web Site. Here are the headlines:
- Minimize HTTP Requests
- Use a Content Delivery Network
- Add an Expires or a Cache-Control Header
- Gzip Components
- Put Stylesheets at the Top
- Put Scripts at the Bottom
- Avoid CSS Expressions
- Make JavaScript and CSS External
- Reduce DNS Lookups
- Minify JavaScript and CSS
- Avoid Redirects
- Remove Duplicate Scripts
- Configure ETags
- Make Ajax Cacheable
- Flush the Buffer Early
- Use GET for AJAX Requests
- Post-load Components
- Preload Components
- Reduce the Number of DOM Elements
- Split Components Across Domains
- Minimize the Number of iframes
- No 404s
- Reduce Cookie Size
- Use Cookie-free Domains for Components
- Minimize DOM Access
- Develop Smart Event Handlers
- Choose <link> over @import
- Avoid Filters
- Optimize Images
- Optimize CSS Sprites
- Don't Scale Images in HTML
- Make favicon.ico Small and Cacheable
- Keep Components under 25K
- Pack Components into a Multipart Document
- Avoid Empty Image src
That’s a lot of things to do. But not that hard to follow and the reward will be great.
There are many ways through which you can increase speed of your website.
There are a lot of ways through which you can increase speed of your website.
- W3TC Plugin : If you're using WordPress for your site, then you can use W3 Total Cache Plugin to enable local Cache for your site and Minify the code of your website template.
- Choose a Good Hosting Provider : Website Loading speed is totally depend on the Web Hosting Server you're using for your website. I would recommend you to use Bluehost for your website as it is officially recommended by the most popular Blogging and website designing Tool, WordPress.
- HTTP/2 : You should enable HTTP/2 Web for your website. It's the newly introduced technology, It helps in increasing speed of your website. Here's an article which explains How you can do that : How to enable HTTP/2 on your website
- CDN : CDN is must if you run a site with huge size of pages and also contains video content. If you have money go for maxCDN. If no then go for CloudFlare. CloudFlare have a lot of other functionalities and apps to use for your website.
- Image Optimization : You should use Image Optimizing plugin like Smushit or If you're non-wordpress user, then go for online image optimizers, there are a lot, just a Google search away.
- Lazy Load : Lazy load the content that doesn't immedietly need to be displayed. Like images and videos.
- Minimal Theme : Use a minimal theme for your website. It improves your website speed.
- WebP Images : You can use WebP format of images, this is a new type of image format introduced by Google. You can get to know, how it can be setup : How to use WebP format Images in WordPress?
For more WordPress related queries follow my blog ChampHub.net and If you still want any help leave a message on Twitter.
Thanks and Regards,
No comments:
Post a Comment