Best Practices For Faster Websites

Why is my site slow? I hear this a lot from people. In this presentation we discussed how you can test website speed, figure out what's causing loading delay, and what are the best practices you can implement to make your site load faster. We went over images, caching, 3rd parties, HTTP/2 protocol and more.

Transcript

1. BEST PRACTICES FOR FASTER WEBSITES WordPress Meetup - April 25, 2017 Irina Blumenfeld @irinablumenfeld #wporl
2. > < @irinablumenfeld #WPORL netmagik.com 2 SPEED IMPACTS Revenue Bounce Rate User Experience SEO Conversion
3. > < Average load time for mobile sites is 19 sec on 3G @irinablumenfeld #WPORL netmagik.com INTERESTING STATS 3 Source: Google’s Double Click
4. > < 53% of visits to MOBILE sites are abandoned after 3 seconds @irinablumenfeld #WPORL netmagik.com INTERESTING STATS 4 Source: Google’s Double Click
5. > < gtmetrix.com tools.pingdom.com @irinablumenfeld #WPORL netmagik.com 5 MEASURE SPEED
6. > < Hosting Images Caching Number of Requests Third Parties @irinablumenfeld #WPORL netmagik.com WHY IS THE WEBSITE SLOW? 6
7. > < Ads Weather Images Analytics Social Media Widgets Fonts & Icons @irinablumenfeld #WPORL netmagik.com THIRD PARTIES 7
8. > < @irinablumenfeld #WPORL netmagik.com 8 REQUEST MAP GENERATOR http://requestmap.webperf.tools
9. > < @irinablumenfeld #WPORL netmagik.com AVERAGE PAGE - 2.5 MB 9 Source: httparchive.org httparchive.org
10. > < Lossy vs Lossless @irinablumenfeld #WPORL netmagik.com IMAGE COMPRESSION 10
11. > < @irinablumenfeld #WPORL netmagik.com IMAGE COMPRESSION 11 Compress via Web Interface tinypng.com kraken.io Compress with a plugin EWWW image optimizer plugin Compress JPG and PNG plugin Kraken plugin
12. > < @irinablumenfeld #WPORL netmagik.com IMAGE COMPRESSION 12 Before After
13. > < @irinablumenfeld #WPORL netmagik.com CACHING 13 NO CACHING CACHING
14. > < @irinablumenfeld #WPORL netmagik.com 14 Plugins Managed Hosting (own plugin) WP Rocket (premium) WP Super Cache Comet Cache CACHING
15. > < @irinablumenfeld #WPORL netmagik.com 15 LESS IS BETTER Number of Requests
16. > < @irinablumenfeld #WPORL netmagik.com 16 HTTP/2 Protocol HTPP/1.1 Waterfall HTPP/2 Waterfall SAME WEBSITE
17. > < @irinablumenfeld #WPORL netmagik.com 17 HTTP/2 Protocol DEMO FROM CLOUDFLARE Load Time: 0.33 s Load Time: 1.95 s
18. > < Hosting Images Caching Number of Requests Third Parties @irinablumenfeld #WPORL netmagik.com Performance Problems 18
19. > < Thank you @irinablumenfeld #WPORL netmagik.com 19 WHAT ARE YOUR WEBSITE PERFORMANCE CHALLENGES?