Simple tips to optimize your website's performance.

1. OPTIMIZING
WORDPRESS FOR
SPEED &
PERFORMANCE

2. Siddharth Ashok
Tech. Lead
WebbDesigner.se
Twitter: @siddharthashok

3. Why optimize?

4. https://wpostats.com/
Case studies and experiments demonstrating the impact of web
performance optimization (WPO) on user experience and business
metrics.

6. Before we start, lets
measure first

7. ! 🖥 🛢
Request for the website
📁 html, js, css, Images
ServerYou
Before that, lets “quickly” see how internet works

11. https://developers.google.com/speed/pagespeed/insights/
Google Pageseed Insights

15. https://tools.pingdom.com/
Pingdom

19. Let's Start Optimizing

20. 1
Avoid using lot of plugins
Especially the slow ones

21. 2
Less http requests

22. Minimize amount of social media buttons
https://jonsuh.com/blog/social-share-links/
Source

23. 3
Use HTTP/2
You know what will be cooler 😎
Protocol of the future

25. http://www.http2demo.io/

26. http://www.http2demo.io/

27. 4
Caching

28. Browser caching

29. ## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
📄 .htaccess

30. Server caching

31. Use a cache plugin
WP Super Cache
W3 Total Cache
🔌

32. Optimize Database
WP-Optimize
🔌

33. 5
Enable gzip compression

34. ! 🖥 🛢
Request for the website
📁 html, js, css
🗜

35. https://checkgzipcompression.com/

36. <ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
📄 .htaccess

37. 6
Use the right hosting

38. 7
Use CDN

39. 8
Optimize Images
🏞

40. Lazy load images
Reduce amount of images
Optimize/compress images

41. ImageOptim
https://imageoptim.com/

42. https://pnggauntlet.com/
PNGGauntlet

43. https://compressor.io/

44. Optimize images
EWWW Image Optimizer
Smush Image Compression and
Optimization
🔌

45. Recap
1. Avoid using lot of plugins
2. Less http requests
3. Use HTTP/2
4. Enable Caching
5. Enable gzip compression
6. Use the right hosting
7. Use CDN
8. Optimize Images

46. Thanks
Questions?
Twitter: @siddharthashok