Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPress Speed Optimization Guide

WP Villa
February 07, 2018

WordPress Speed Optimization Guide

Are you Struggling to Speed up WordPress Site. Check this guide that'll drive you through the Important Steps of Speed Optimization Process

WP Villa

February 07, 2018
Tweet

Other Decks in Design

Transcript

  1. O P T I M I Z I N G

    Y O U R W O R D P R E S S S I T E F O R S P E E D W H Y & H O W ? W P V I L L A . C O M W A N T T O H A V E A B L A Z I N G S P E E D & S M O O T H T R A N S I T I O N F O R Y O U R S I T E ? C H E C K T H I S G U I D E !
  2. W P V I L L A . C O

    M INTRODUCTION One of the greatest concerns we come across most of the bloggers, Internet marketers and Online business owners is the Speed of the Website, but why is it so Important that most of us throw hundreds of dollars into this, whether you’re a blogger, you run an online shop or an Internet marketer it is crucial that you get behind the walls of WordPress Speed Optimization.
  3. W P V I L L A . C O

    M W H Y I S S P E E D O P T I M I Z A T I O N I M P O R T A N T ? The first major parameter that is related to Speed Optimization is the User Experience. We all know that nobody likes slow loading Websites, let me make this clear , “Imagine a Case where your Site offers excellent Products/ Services, or some sort of Information, a Customer discovers your Site but your website loads too slow to attract the potential lead, Now what happens in this case? Does the user wait for it? The Simple answer is a No Therefore always optimize your site for a better User Experience 1. USER EXPERIENCE
  4. W P V I L L A . C O

    M W H Y I S S P E E D O P T I M I Z A T I O N I M P O R T A N T ? This can be said as an extension of the User Experience, a poor speed means your website will lose the users/ visitors/ potential lead which can effectively decease your leads and finally break away with your Sales. 2. SALES AND LEAD
  5. W P V I L L A . C O

    M W H Y I S S P E E D O P T I M I Z A T I O N I M P O R T A N T ? Well this is something everyone is familiar with, Yes..! We all know that Google loves website that loads fast, and Speed is one of the criteria that it takes into account for the Page Ranking. Ok..! By now you might be fully aware as to why Speed Optimization is Critical. 3. SEARCH ENGINE RANKINGS
  6. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? Browser Caching means “Some of the files are stored / cached in the user’s browser, so that the next time they visit the website, it is directly served from the browser rather than downloading it from the server. The nature of these files being static. Caching these files can be greatly beneficial because it ultimately reduces number of requests made which can drastically lower the website load time. 1. LEVERAGE BROWSER CACHING
  7. W P V I L L A . C O

    M P L U G I N S R E C O M M E N D E D F O R B R O W S E R C A C H I N G 1. WP PERFORMANCE SCORE BOOSTER. 2. W3 TOTAL CACHE. 3. WP ROCKET. 1. LEVERAGE BROWSER CACHING
  8. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? Setting Expire Headers to all of the required files greatly reduces the number of HTTP requests and there by the Improving the speed of the website. Expired headers tell the browsers to serve the cached version of the files rather than downloading it from the server. Therefore always make a point of setting a far/late expiry for all of the static contents such as about us, contact us, or any other element that doesn’t change with time. 2. ADD EXPIRE HEADERS
  9. W P V I L L A . C O

    M P L U G I N S R E C O M M E N D E D F O R A D D I N G E X P I R E H E A D E R S 1. WP PERFORMANCE SCORE BOOSTER. 2. W3 TOTAL CACHE. 1. LEVERAGE BROWSER CACHING
  10. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? Minification removes all the extra spaces between the codes /between every word in the files, along with the comments. The advantages associated with this is that, it reduces the size of the files and finally the page size. 3. MINIFICATION OF CSS AND JS FILES
  11. W P V I L L A . C O

    M P L U G I N S R E C O M M E N D E D F O R M I N I F I C A T I O N O F C S S & J S 1. https://cssminifier.com/ 2. https://javascript-minifier.com/ 3. AUTOPTIMIZE 4. WP ROCKET 1. LEVERAGE BROWSER CACHING
  12. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? Combining all the CSS files into lesser number of files reduces the number of HTTP request; the same goes for JS files. The result of this is that the Page load time ultimately decreases. 4. COMBINING CSS AND JS FILES SEPARATELY
  13. W P V I L L A . C O

    M P L U G I N S R E C O M M E N D E D F O R C O M B I N I N G C S S & J S 1. AUTOPTIMIZE 2. WP ROCKET 1. LEVERAGE BROWSER CACHING
  14. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? If your site contains lot of Images/videos then this might be one of the most important points to consider, because these sites take ton of time to load which can affect the overall User Experience. To Solve this problem, you can utilize lazy loading for all of the Images and Videos used, in which its loading is delayed which means the Images and videos are loaded once the user comes in the viewport area. PLUGINS RECOMMENDED - a3 LAZY LOAD 5. LAZY LOADING FOR IMAGES AND VIDEOS
  15. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? Unless your website contains elements that require some of the JavaScript files (the main being JQuery) to function; follow the practice of loading the JS files at the end i.e. the footer. It is to be kept in mind that doing this might break site and therefore are it is recommended to check the website (with the cache cleared) , and the console. This step greatly reduces the load on the website, as the parsing is not done at the beginning. PLUGINS RECOMMENDED - AUTOPTIMIZE 6. DEFER PARSING OF JAVASCRIPT
  16. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? Enabling Gzip Compression greatly improves the Performance of your site by serving the compressed version of the files to the users. The time taken for the transfer in case of a website with Gzip compression enabled is much lower compared to its contrary. 7. ENABLE GZIP COMPRESSION
  17. W P V I L L A . C O

    M P L U G I N S R E C O M M E N D E D F O R G Z I P C O M P R E S S I O N 1. WP PERFORMANCE SCORE BOOSTER 2. W3 TOTAL CACHE 3.WP ROCKET 1. LEVERAGE BROWSER CACHING
  18. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? If your website has lot of Images, then you need to take this seriously since it is one of the factor main factor causing the downtime of your website because more the number of Images with large size–> more is the size of the website which increases the page load time. Therefore always follow the practice of optimizing the Images without compromising its Quality. 8. LOSSLESS IMAGE COMPRESSION
  19. W P V I L L A . C O

    M P L U G I N S R E C O M M E N D E D F O R I M A G E C O M P R E S S I O N 1. https://compressor.io/ 2. EWWW IMAGE OPTIMIZER 1. LEVERAGE BROWSER CACHING
  20. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? It is always recommended to remove unused plugins and keep only those plugins that are necessary, because having too many plugins not only makes your website hefty but also has a great effect on Speed Optimization since it calls additional files thereby increasing the number of HTTP requests, finally leading to an Increasing load time. 9. PLUGINS USED
  21. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? It’s very important that you choose a theme that is well coded, SEO friendly with Responsive design layout that does not come with preloaded flashy elements because these are the pinpoints that affects the performance of your site. To avoid any confusion, always read the Reviews and the Ratings before getting any of the WordPress themes. 10. THEME USED FOR THE WEBSITE
  22. W P V I L L A . C O

    M H O W T O S P E E D U P Y O U R W E B S I T E ? Off Course, the hosting provider that you choose plays an important role since its performance decides at what rate the data’s are transferred to your visitors. If you are just starting out, going for a Shared Hosting Plan is a good Idea. 11. CHOOSING A GOOD WEB HOST
  23. T H A N K Y O U V I

    S I T W P V I L L A . C O M W P V I L L A . C O M for more updates