Slides de la conférence de Fili Wiese

1. Make Your Website Load
Really Really Fast
#SEOCAMP
SearchBrothers.com
Former Google Search Quality for Your SEO

2. Speed Matters!

3. The Why!
SearchBrothers.com
Former Google Search Quality for Your SEO

4. Ranking Factor
http://sbr.link/fmp

5. Crawl Speed

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. User Experience
image credits:
http://sbr.link/jnq

8. Reputation
"The damage of poor
performance is
lasting."
– Joshua Bixby
http://sbr.link/fqj

9. Profit
"Every 0.1 second increase in load time
decreases sales by 1%"
http://sbr.link/sra

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. Take Away
For profit, user experience,
reputation and SEO:
Speed matters!

12. The How!
Front-End
SearchBrothers.com
Former Google Search Quality for Your SEO

13. Perfect Scores?
http://sbr.link/jjj
http://sbr.link/tvr
http://sbr.link/mzh
http://sbr.link/cld

14. Content First
http://sbr.link/xkw
http://sbr.link/sih

15. Critical Path Rendering
http://sbr.link/qur

16. Mobile Friendliness
http://sbr.link/ygm

17. Page Load
http://sbr.link/wfw

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. 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. 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. Cutting The Mustard

22. Avoid Loading 404's

23. Avoid Loading Redirects

24. Resource Hints
http://sbr.link/rh

25. Take Away
Focus on making the primary
content as quickly as
possible available to users.

26. Next Steps...

27. The How!
HTTPS
SearchBrothers.com
Former Google Search Quality for Your SEO

28. SSL

29. HTTP Archive Top 100

30. Mozilla Firefox

31. Password Fields

32. Everything HTTP

33. Challenges: Certificates

34. Challenges: Certificates

35. Challenges: Certificates

36. Challenges: TLS
imagecredits:
http://sbr.link/ehd
http://sbr.link/tls

37. Challenges: OCSP Stapling
http://sbr.link/cli

38. Challenges: HSTS
http://sbr.link/hsts

39. Challenges: HSTS

40. Advantages: AMP
http://sbr.link/amp

41. Advantages: Progressive Web Apps
http://sbr.link/pwa

42. Advantages: HTTP/2
imagecredits:
http://sbr.link/jrz

43. Advantages: HTTP/2
imagecredits:
http://sbr.link/ihh

44. Advantages: HTTP/2 Server Push
http://sbr.link/preload

45. Advantages: HTTP/2 Server Push
image credits:
http://sbr.link/hgc

46. Advantages: HTTP/2 Server Push
http://sbr.link/lbd

47. Advantages: HTTP/2 Header Compression
http://sbr.link/hpack

48. Ultimate Resource on Moving to HTTPS
online.marketing/guide/https

49. Take Away
Take full advantage of HTTPS
to speed up your website.

50. The How!
Back-End
SearchBrothers.com
Former Google Search Quality for Your SEO

51. Compression
http://sbr.link/gzip

52. Server Response

53. Server Response
image credits:
http://sbr.link/jnq

54. Server Response

55. Server Location

56. Server Resources

57. Profiling
http://sbr.link/weo
http://sbr.link/eka

58. Database/Query Optimization
image credits:
http://sbr.link/uxl

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. Memory Caching
http://sbr.link/sbd

61. Disk Caching
http://sbr.link/sbd

62. Example

63. Regional Caching (CDN)

64. Edge Caching
image credits:
http://sbr.link/mny
http://sbr.link/ccd
http://sbr.link/vdx

65. Browser Caching
http://sbr.link/olc
http://sbr.link/cng

66. Take Away
Lots of speed gains possible
in back-end optimization
(and is often neglected).

67. Measure Success

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. Fili Wiese
SEO Consultant
Penalty Recovery Expert
Former Senior Google Support Engineer
Former Senior Google Search Quality Analyst

70. SearchBrothers.com
Former Google Search Quality for Your SEO
Sign up for Advanced SEO Tips at online.marketing