SEO in 2009 Google Search Console Webmaster Tools Google Analytics (not provided) Mobile Web Browser Google Page Speed HTTPS Medic Update Search Console PageSpeed User Experience PageSpeed Insights Search Console Speed Report Google Analytics Site Speed Server response times (TTFB) Minify CSS Minify JavaScript Eliminate render-blocking resources Defer offscreen images

1. PageSpeed as a
Ranking Factor
in SEO
Horatiu Andrei // Founder @rezult. // SEO Consultant @McCann
/in/horatiu-andrei
SlideShare.net/HoratiuAndrei

2. Horatiu Andrei
Founder @ rezult. & SEO Consultant @ McCann
● Am descoperit taramul magic al SEO in 2009
● In ultimii ani am ajutat companii din diverse domenii sa ajunga mai aproape de clienti
cu ajutorul motoarelor de cautare: de la institutii financiare (AlphaBank) si companii de
asigurari (Metropolitan Life) pana la francize de pizza delivery (Pizza Hut Delivery) si
lanturi de restaurante fast-food (KFC)
● De-a lungul celor 13+ ani de experienta ca web developer am sesizat cum apare o noua
zona in SEO, undeva intre marketing si programare, unde cele doua lumi care nu se
prea inteleg una pe cealalta se intalnesc si sunt nevoite sa colaboreze:
technical SEO

3. ❖ Trecut
SEO in 2009
❖ Prezent
Inainte de update (totul este bine)
Google update (totul nu mai este bine)
Website update (speram ca totul va fi bine)
Monitorizare Search Console (totul este din nou bine, dar…)
❖ Inapoi in viitor
PageSpeed
Astazi discutam despre PageSpeed Time Travel

4. Trecut
SEO in 2009

5. Google Search Console Webmaster Tools

6. Google Analytics (not provided)

7. Mobile Web Browser

8. Google Page Speed

9. HTTPS?

10. Prezent
Inainte de update
(totul este bine)

11. Inainte de update

12. Prezent
Google update
(totul nu mai este bine)

13. Medic Update

14. Prezent
Website update
(speram ca totul va fi bine)

15. Website update: Banners
● Mobile ~ 10 bannere
● Desktop ~ 15 bannere

16. Prezent
Monitorizare Search Console
(totul este din nou bine, dar…)

17. Monitorizare Search Console

18. Totul este din nou bine, dar…
Posibile cauze ce au provocat imbunatatirea ranking-ului
● ✓ PageSpeed
● ✓ User Experience
● ✗ Bannere nerelevante sau de slaba calitate

19. Inapoi in viitor
PageSpeed

20. PageSpeed Insights

21. PageSpeed Insights

22. PageSpeed Insights

23. PageSpeed Insights

24. Search Console Speed Report

25. Search Console Speed Report

26. Google Analytics Site Speed

27. Server response times (TTFB)
Timpul de asteptare pana cand browser-ul primeste codul HTML

28. Server response times (TTFB)
Sugestii
● Time to First Bite << 600ms
● Optimize library imports
● Optimize DB queries & indexes
● Cache via Varnish

29. Minify CSS
Codul CSS este ceea ce face ca o pagina web sa arate drăguț
VS

30. Minify CSS
In acelasi timp, poate ajunge la dimensiuni foarte mari

31. Minify JavaScript
Codul JavaScript este ceea ce face ca o pagina web sa fie interactiva

32. Eliminate render-blocking resources
Sunt acele resurse care fac browser-ul sa astepte pana cand sunt primite de la server

33. Eliminate render-blocking resources
In multe cazuri, o pagina utilizeaza maxim 10 - 20% din codul CSS si JavaScript incarcat

34. Eliminate render-blocking resources
Solutia este incarcarea inline a codului CSS / JavaScript esential si amanarea (defer)
incarcarii codului neesential dupa ce pagina este afisata
Inline CSS
Defer CSS

35. Defer offscreen images
Ecranul unui dispozitiv mobil
afiseaza un numar mic de imagini
la un moment dat
● Above the fold ~ 2 imagini
● Below the fold ~ 27 imagini

36. Defer offscreen images
Solutia este incarcarea imaginilor ce nu sunt vizibile dupa incarcrea paginii

37. PageSpeed via Google Sheets

38. PageSpeed via Google Sheets
www.rezult.ro/pagespeed

39. Q & A

40. Multumesc!
Horatiu Andrei // Founder @rezult. // SEO Consultant @McCann
/in/horatiu-andrei
SlideShare.net/HoratiuAndrei