Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

3 simple steps improving pageSpeed in Wordpress

476 views

Published on

Step by step guide on how to Improve page loading time in Wordpress.

Published in: Internet
  • Be the first to comment

3 simple steps improving pageSpeed in Wordpress

  1. 1. 3 easy steps in Wordpress JUNE 17, 2016 | ANTTI ALATALO Improving PageSpeed
  2. 2. RANKING FACTOR BENEFITS OF IMPROVING PAGESPEED IMPROVES QUALITY SCORE IN ADWORDS BETTER UX
  3. 3. Is it time consuming? But there might be little bit configuring involved, depending how your theme operates. NOT REALLY...
  4. 4. CACHING 3 STEPS FOR IMPROVING LOADING TIME MINIFYING CODEIMAGE COMPRESSION
  5. 5. TESTING PAGE LOAD SPEED Google PageSpeed Insights GTmetrix TOOLS FOR TESTING LOAD SPEED
  6. 6. Google PageSpeed Insights Easy and simple to understand Numeral scoring for mobile and desktop
  7. 7. "Fixing this would have a measurable impact on page performance." ! ! ✓ "Consider fixing this if it is not a lot of work." "No significant issues found. Good job!" - GOOGLE DEVELOPERS Color codes
  8. 8. GTmetrix Gives little bit more details Uses Alphabetical scoring (A being best grade)
  9. 9. 1.Image compression REDUCE FILE SIZE REMOVE "JUNK DATA" (EXIF METADATA ETC.)
  10. 10. Option 1: Drag´n drop Free desktop software ImageOptim
  11. 11. Option 2: If you´re images have been already uploaded to your site... EWWW Image Optimizer let´s you bulk-compress images in the backend of Wordpress
  12. 12. Settings No need to modify, default setting will work just fine.
  13. 13. Optimasation Quick & Easy 1. 2. 3.
  14. 14. 2.Minifying codeREMOVES CHARACTERS AS: WHITE SPACE, NEW LINE, COMMENT OUT CODE ETC.
  15. 15. Autoptimize Removes empty spaces from code Minifies and compresses scripts and styles
  16. 16. 1. Configuring the plugin 2. 3.
  17. 17. CHECK THAT EVERYTHING WORKS IN YOUR SITE. SOMETIMES COMPRESSION MIGHT CAUSE ERRORS IN YOUR SITE. IF THIS HAPPENS JUST "UNCHECK" EACH OPTION ONE BY ONE. YOU CAN PLAY AROUND WITH ADVANCED SETTINGS IF EVERYTHING IS OK.
  18. 18. Caching CREATE STATIC VERSION OF THE SITE / PAGE IN CACHE MEMORY. IMPROVES LOADING TIME SIGNIFICANTLY. DYNAMIC PAGES TO STATIC
  19. 19. Fastest Cache A lot of different plugins available Simple and easy to use
  20. 20. Step 1: Check the options as followed
  21. 21. Step 2: Open new window -> go to your site Refresh the page 2 times (creates cache) Check that everything works Test your page speed
  22. 22. My results BEFORE AFTER
  23. 23. My results BEFORE AFTER
  24. 24. Links GTmetrix Google PageSpeed Insights LOADING TIME TEST IMAGE COMPRESSION ImageOptim EWWW Image Optimizer CACHING & CODE MINIFYING WP Fastest Cache Autoptimize

×