Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Ümit YILMAZ - Page Speed - Digitalzone 17

10 375 vues

Publié le

Site Hızını İyileştirmek: Ufak Detaylarla Büyük Sonuçlar Elde Etmek İçin Yeni Yöntemler

Linkedin : https://www.linkedin.com/in/yilmazumit/
Twitter : https://twitter.com/umtylmazzz
https://makevisible.net/

Publié dans : Données & analyses
  • Follow the link, new dating source: ❤❤❤ http://bit.ly/39pMlLF ❤❤❤
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Dating for everyone is here: ❶❶❶ http://bit.ly/39pMlLF ❶❶❶
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Ümit YILMAZ - Page Speed - Digitalzone 17

  1. 1. @digitalzone
  2. 2. ÜMİT YILMAZ KİMDİR? Ümit YILMAZ SEO Engineer Technology & Product Development iletisim@yilmazumit.com umtylmazzz https://www.linkedin.com/in/yilmazumit/ +8 yıl Dijital Pazarlama Tecrübesi
  3. 3. Site Hızını İyileştirmek Ufak Detaylarla Büyük Sonuçlar Elde Etmek İçin Yeni Yöntemler @digitalzone
  4. 4. Index • Introduction • Front-End Time • Back-End Time • KPIs @digitalzone
  5. 5. Index • Introduction • Front-End Time • Back-End Time • KPIs @digitalzone
  6. 6. Google; Gary Illyes from Google said at the Search Marketing Summit today in Sydney that Google will be updating the page speed ranking factor to specifically look at the page speed of your mobile pages when it comes to the mobile-friendly algorithm. PAGESPEED @digitalzone *Source: http://www.thesempost.com/google-mobile-first-index-page-speed-ranking/
  7. 7. Yüksek sayfa yükleme süreleri Bounce Rate metriğinizi olumsuz yönde etkiler BOUNCE RATE @digitalzone *Image Source: https://lucep.com/top-5-online-marketing-channels-your-campaign-should-cover/
  8. 8. BOUNCE RATE Site A SEO Trafiği: 120.000 SEO Trafiği: 150.000 Bounce Rate: %20 Bounce Rate: %40 Kalan Kullanıcı Sayısı : 96.000 Kalan Kullanıcı Sayısı : 90.000 Site B @digitalzone
  9. 9. Tüm dijital pazarlama kanallarını etkiler. CHANNELS @digitalzone *Image Source: https://lucep.com/top-5-online-marketing-channels-your-campaign-should-cover/
  10. 10. Conversion rate metriğini etkiler. CONVERSION @digitalzone *Image Source: http://www.convergent7.com/how-to/metrics-that-matter-conversion-rate/
  11. 11. Dolaylı yoldan direct trafik hacmini etkiler. CHANNELS @digitalzone *Image Source: https://lucep.com/top-5-online-marketing-channels-your-campaign-should-cover/
  12. 12. Dolaylı yoldan returning visitor hacmini etkiler. LOYALTY @digitalzone *Image Source: http://www.ppc-strategies.com/google-analytics-tips/2010/3/30/roi-of-the-return-visitor.html
  13. 13. Şirketinize itibar &sadakat kazandırır ya da kaybettirir. • -52% of online shoppers claim that quick page loads are important for their loyalty to a site. • -14% will start shopping at a different site if page loads are slow. CHANNELS @digitalzone *Image Source: https://tr.pinterest.com/digitalgear/internet-explorer/ *Source: https://econsultancy.com/blog/10936-site-speed-case-studies-tips-and-tools-for-improving-your-conversion-rate
  14. 14. Ve daha birçok etki  CHANNELS @digitalzone
  15. 15. GittiGidiyor - 2017 HOW TO INCREASE PAGE SPEED? YES I DID IT @digitalzone
  16. 16. Index • Introduction • Front-End Time • Back-End Time • KPIs @digitalzone
  17. 17. Front-End Time • First View • Main Image • Main Text • Action Button (Eğer açılış ekranında varsa) • Above The Fold Complete @digitalzone
  18. 18. Konuyu 2 farklı açıdan ele alalım FRONT END @digitalzone
  19. 19. @digitalzone
  20. 20. @digitalzone
  21. 21. @digitalzone
  22. 22. 4,1s 3,6s @digitalzone
  23. 23. 1,1s 2,1s 3,4s 4,1s 1,1s 2,1s 3,4s 3,6s @digitalzone
  24. 24. Bounce rate metriğinizi etkiler. BOUNCE RATE @digitalzone
  25. 25. CRITICAL RENDERING PATH @digitalzone
  26. 26. HOW FAST YOU ARE @digitalzone
  27. 27. LOAD SIGNAL @digitalzone
  28. 28. MAIN IMAGE @digitalzone
  29. 29. ABOVE THE FOLD COMPLETE @digitalzone
  30. 30. WALMART PAGE LOAD FUNNEL @digitalzone
  31. 31. CRITICAL VIEWS @digitalzone *Image Source: https://blog.stackpath.com/glossary/lazy-loading/
  32. 32. Kullanıcıların sayfa açılış ekranında gördüğü imajlar özelinde lazy load yapmak kullanıcı deneyimi için oldukça kötü bir uygulamadır. Not: Google botu imajın gelmesini bekler. (above the fold) AVOID LAZY LOAD @digitalzone *Image Source: https://addons.prestashop.com/en/website-performance/26025-an-lazy-loading-delay-load-of-images.html
  33. 33. Fakat açılış ekranında kullanıcılar tarafından görülmeyen alanlar için event bazlı tanımlamalar ile lazy load ya da difer gibi uygulamalara gidilebilir PRIORITY @digitalzone *Image Source: https://varvy.com/pagespeed/critical-render-path.html
  34. 34. FREE COURSE BY GOOGLE *https://www.udacity.com/course/website-performance-optimization--ud884 @digitalzone
  35. 35. Index • Introduction • Front-End Time • Back-End Time • KPIs @digitalzone
  36. 36. Back-End Time • DomContent Loaded • Request • Total Page Size • Content Download • Fully Load Time • Third Party Code Analysis • Compression • Daily Tracking • HSTS @digitalzone
  37. 37. CHROME DEV TOOLS @digitalzone DomContentLoaded: The DOMContentLoaded event is fired when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading. Load A very different event load should be used only to detect a fully- loaded page. It is an incredibly popular mistake to use load where DOMContentLoad ed would be much more appropriate, so be cautious. *Source: https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded
  38. 38. CHROME DEV TOOLS @digitalzone *Source: https://developers.google.com/web/tools/chrome-devtools/network-performance/resource-loading
  39. 39. CHROME DEV TOOLS @digitalzone SORULAR -Neden İhtiyaç Var? -Hangi sayfalarda çalışıyor? -Gerçekten ihtiyacı karşılıyor mu? -Response Time olumsuz etkileniyor mu? -Async çalışıyor mu? (Bazıları sync olmak zorunda olduğu için istisnai bir durum olarak ele alınabilir. Örn: A/B Test) Third party kodların listesinin Çıkartılması. *Source: speedcurve.com
  40. 40. REQUEST AND SIZE BREAKDOWN @digitalzone Kodların ve istek sayılarının kırılımı ve büyükten küçüğe analiz yapımı. *Source: speedcurve.com
  41. 41. HTTP REQUESTS @digitalzone https://www.seroundtable.com/google-search-console-crawl-stats-for-time-spent-downloading-a-page-21240.html
  42. 42. DAILY TRACKING @digitalzone *Image Source: speedcurve.com
  43. 43. DAILY TRACKING @digitalzone *Image Source: speedcurve.com
  44. 44. DAILY TRACKING @digitalzone *Image Source: speedcurve.com
  45. 45. COMPRESSION @digitalzone *Image Source: https://engineering.linkedin.com/blog/2017/05/boosting-site- speed-using-brotli-compression
  46. 46. COMPRESSION @digitalzone *Image Source: https://loadstorm.com/2013/08/webperflab-impact-cdn/
  47. 47. COMPRESSION @digitalzone *Source: https://opensource.googleblog.com/2015/09/introducing-brotli-new-compression.html
  48. 48. COMPRESSION @digitalzone *Source: https://en.0wikipedia.org/index.php?q=aHR0cHM6Ly9lbi53aWtpcGVkaWEub3JnL3dpa2kvQnJvdGxp
  49. 49. COMPRESSION @digitalzone *Source: https://caniuse.com/#feat=stricttransportsecurity
  50. 50. HSTS @digitalzone *Source: https://hstspreload.org/
  51. 51. HSTS @digitalzone
  52. 52. HSTS @digitalzone
  53. 53. HSTS @digitalzone *Source: https://www.keycdn.com/support/http-strict-transport-security/
  54. 54. HSTS @digitalzone *Source: https://www.keycdn.com/support/http-strict-transport-security/
  55. 55. Index • Introduction • Front-End Time • Back-End Time • KPIs @digitalzone
  56. 56. KPIs @digitalzone
  57. 57. MY FAVORITE TOOLS @digitalzone • https://varvy.com/pagespeed/ • https://speedcurve.com/ • https://www.webpagetest.org/ • https://rigor.com/ • https://gtmetrix.com/pro/ • https://developers.google.com/speed/pagespeed/ins ights/ • https://tools.pingdom.com/ • http://www.catchpoint.com/
  58. 58. DAILY TRACKING @digitalzone *Image Source: speedcurve.com
  59. 59. SEO Engineer @gittigidiyor ÜMİT YILMAZ @digitalzone

×