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.

Make your website load really really fast - seo campus 2017

2,933 views

Published on

Slides de la conférence de Fili Wiese

Published in: Internet
  • Be the first to comment

Make your website load really really fast - seo campus 2017

  1. 1. Make Your Website Load Really Really Fast #SEOCAMP SearchBrothers.com Former Google Search Quality for Your SEO
  2. 2. Speed Matters!
  3. 3. The Why! SearchBrothers.com Former Google Search Quality for Your SEO
  4. 4. Ranking Factor http://sbr.link/fmp
  5. 5. Crawl Speed
  6. 6. User Experience "Speed is the most important factor, after site attractiveness, to increasing flow in users. People who are more engaged while browsing your site will learn faster and show an improved attitude and behavior toward your site."– Andy King http://sbr.link/ict
  7. 7. User Experience image credits: http://sbr.link/jnq
  8. 8. Reputation "The damage of poor performance is lasting." – Joshua Bixby http://sbr.link/fqj
  9. 9. Profit "Every 0.1 second increase in load time decreases sales by 1%" http://sbr.link/sra
  10. 10. Profit "Increasing page load time from 0.4 seconds to 0.9 seconds decreased traffic and ad revenues by 20%." http://sbr.link/sra
  11. 11. Take Away For profit, user experience, reputation and SEO: Speed matters!
  12. 12. The How! Front-End SearchBrothers.com Former Google Search Quality for Your SEO
  13. 13. Perfect Scores? http://sbr.link/jjj http://sbr.link/tvr http://sbr.link/mzh http://sbr.link/cld
  14. 14. Content First http://sbr.link/xkw http://sbr.link/sih
  15. 15. Critical Path Rendering http://sbr.link/qur
  16. 16. Mobile Friendliness http://sbr.link/ygm
  17. 17. Page Load http://sbr.link/wfw
  18. 18. Optimize CSS ● Minify CSS ● Avoid CSS conflicts (multiple IDs, overriding rules, etc) ● Don't use CSS inline of HTML tags ● Load CSS using deferred and async Javascript ● Load critical CSS in the HTML HEAD ● Reduce CSS libraries to only what is actually needed http://sbr.link/puq
  19. 19. Optimize JS ● Minify Javascript ● Implement Unobtrusive Javascript approach ● Load Javascript using deferred and async attributes ● Load Critical Javascript in the HTML ● Reduce Javascript libraries to only what is actually needed http://sbr.link/eac http://sbr.link/fyz
  20. 20. Optimize Images ● Choose the right format (e.g. JPG vs PNG-8 vs PNG-24) ● Compress ● Use Sprites (http/1.x only) ● Defer Loading (lazy loading) ● Use width and height attributes ● Use lightweight favicon http://sbr.link/ile
  21. 21. Cutting The Mustard
  22. 22. Avoid Loading 404's
  23. 23. Avoid Loading Redirects
  24. 24. Resource Hints http://sbr.link/rh
  25. 25. Take Away Focus on making the primary content as quickly as possible available to users.
  26. 26. Next Steps...
  27. 27. The How! HTTPS SearchBrothers.com Former Google Search Quality for Your SEO
  28. 28. SSL
  29. 29. HTTP Archive Top 100
  30. 30. Mozilla Firefox
  31. 31. Password Fields
  32. 32. Everything HTTP
  33. 33. Challenges: Certificates
  34. 34. Challenges: Certificates
  35. 35. Challenges: Certificates
  36. 36. Challenges: TLS imagecredits: http://sbr.link/ehd http://sbr.link/tls
  37. 37. Challenges: OCSP Stapling http://sbr.link/cli
  38. 38. Challenges: HSTS http://sbr.link/hsts
  39. 39. Challenges: HSTS
  40. 40. Advantages: AMP http://sbr.link/amp
  41. 41. Advantages: Progressive Web Apps http://sbr.link/pwa
  42. 42. Advantages: HTTP/2 imagecredits: http://sbr.link/jrz
  43. 43. Advantages: HTTP/2 imagecredits: http://sbr.link/ihh
  44. 44. Advantages: HTTP/2 Server Push http://sbr.link/preload
  45. 45. Advantages: HTTP/2 Server Push image credits: http://sbr.link/hgc
  46. 46. Advantages: HTTP/2 Server Push http://sbr.link/lbd
  47. 47. Advantages: HTTP/2 Header Compression http://sbr.link/hpack
  48. 48. Ultimate Resource on Moving to HTTPS online.marketing/guide/https
  49. 49. Take Away Take full advantage of HTTPS to speed up your website.
  50. 50. The How! Back-End SearchBrothers.com Former Google Search Quality for Your SEO
  51. 51. Compression http://sbr.link/gzip
  52. 52. Server Response
  53. 53. Server Response image credits: http://sbr.link/jnq
  54. 54. Server Response
  55. 55. Server Location
  56. 56. Server Resources
  57. 57. Profiling http://sbr.link/weo http://sbr.link/eka
  58. 58. Database/Query Optimization image credits: http://sbr.link/uxl
  59. 59. Runtime Choices ● Operating System (Windows, Linux, etc) ● Server Software (Apache, Nginx, IIS, etc) ● Database Choice (MySQL, PostgreSQL, NoSQL, etc) ● Scripting Language (Python, PHP, Ruby, Javascript, ASP, Java, etc) ● Profile custom code (e.g. loops, DB lookups, etc)
  60. 60. Memory Caching http://sbr.link/sbd
  61. 61. Disk Caching http://sbr.link/sbd
  62. 62. Example
  63. 63. Regional Caching (CDN)
  64. 64. Edge Caching image credits: http://sbr.link/mny http://sbr.link/ccd http://sbr.link/vdx
  65. 65. Browser Caching http://sbr.link/olc http://sbr.link/cng
  66. 66. Take Away Lots of speed gains possible in back-end optimization (and is often neglected).
  67. 67. Measure Success
  68. 68. Consider This! "Given the choice between making something my problem, and making something the user’s problem, I’ll choose to make it my problem every time." – Jeremy Keith
  69. 69. Fili Wiese SEO Consultant Penalty Recovery Expert Former Senior Google Support Engineer Former Senior Google Search Quality Analyst
  70. 70. SearchBrothers.com Former Google Search Quality for Your SEO Sign up for Advanced SEO Tips at online.marketing

×