İlyas Teker: SEMrush ile birlikte Google'ın son dönemde üzerinde sıkça durduğu site hızı konusunu derinlemesine ele aldik. Sunumda cevabını bulabileceğiniz bazı sorular; - Hız SEO için neden önemli? - Google site hızına neden bu kadar önem veriyor? - Hızın arkasındaki psikolojik etkenler neler - Hız, dönüşüm oranlarını nasıl etkiliyor? - Siteniz yavaş açıldığında ne olur? - Site hızımızı arttırmak için neler yapabiliriz? - Görseller, CSS, JS dosyalarımızı nasıl optimize edebiliriz? - Siteniz hızlı açılırsa geliriniz nasıl değişir? (Google Üzerinden Gösterim)

1. @ I LYA S T E K E R

2. I LYA S T E K E R K I M D I R ?
11+ yıllık SEO deneyimi
Amerika, Avrupa ve Türkiye’de yerel
ve global bir çok dijital pazarlama
projesini yönetme
60 Gün
Güney Amerika Macerası
T O R R E S D E L PA I N E , C H I L E

4. I LYA S T E K E R
60 günün tüm story’leri burada >>>😍
M A C E R A L A R I M I TA K İ P
E D E B İ L İ R S İ N İ Z

5. B E R A B E R Ç A L I Ş T I Ğ I M A R K A L A R D A N B A Z I L A R I

6. B E N İ N E R E L E R D E G Ö R D Ü N Ü Z ?
A R G E N T I N A

7. A D V I S O RY
B O A R D
M E M B E R

8. H T T P : / / W W W. M O U N T N O W. C O M / B E S T- S E O - E X P E RT S /

9. A R K A D A Ş O L A L I M
@ I LYA S T E K E R
C U B A

10. H AY D İ B A Ş L AYA L I M
M E X I C O

11. Neden Hızı Bu Kadar Seviyoruz?

12. S A AT T E 4 3 0 K M

13. S A AT T E 4 3 0 K M
4 . 3 M I LY O N E U R O

14. S A AT T E 4 3 0 K M
4 . 3 M I LY O N E U R O

15. @ I LYA S T E K E R # S E M R U S H

16. Hızın Arkasındaki Psikolojik Etken
@ I LYA S T E K E R # S E M R U S H
Source: Ericsson Mobility Report

17. Hız Gerçekten Bu Kadar Önemli Mi?
@ I LYA S T E K E R # S E M R U S H
1 9 5 0 ’de F1
yarışlarında
pitstop’ların
süresi çok uzundu

18. Hız Gerçekten Bu Kadar Önemli Mi?
@ I LYA S T E K E R # S E M R U S H
G Ü N Ü M Ü Z D E ise bu işlem
saniyeler içerisinde
tamamlanmak zorunda.
Yoksa yarışı kaybederler.

19. @ I LYA S T E K E R # S E M R U S H

20. Sinir Bozucu Durumlar
@ I LYA S T E K E R # S E M R U S H

21. @ I LYA S T E K E R # S E M R U S H

22. @ I LYA S T E K E R # D I G I TA L Z O N E
Hız, Dönüşüm Oranlarını Ciddi Oranda Etkiliyor

23. @ I LYA S T E K E R # D I G I TA L Z O N E
2.5 Milyon Dolar Kaybedecek Kadar Zenginseniz Ayrı

24. @ I LYA S T E K E R # S E M R U S H
Source: Google
Siteniz Yavaş Açıldığında Ziyaretçi Kaybediyorsunuz!

25. Siteniz Yavaş Açıldığında Ziyaretçi Kaybediyorsunuz!
https://testmysite.withgoogle.com

26. Sayfalarınız Yavaş Yükleniyorsa Google Sitenizi Az Crawl Ediyor
@ I LYA S T E K E R # S E M R U S H
Source: edit.co.uk

27. Google Hızla İlgili Sürekli Testler Yapıyordu
@ I LYA S T E K E R # S E M R U S H

28. Temmuz’da Sayfa Hızını Sıralama Faktörleri Arasına Ekledi
@ I LYA S T E K E R # S E M R U S H

29. Hız Olayı Düşündüğümüzden Daha Detaylı ve Kapsamlı
@ I LYA S T E K E R # S E M R U S H

30. T Ü R K İ Y E PA Z A R I İ Ç İ N
B U G Ü N E K A D A R YA P I L M I Ş
" E N K A P S A M L I "
T E K N İ K S E O A N A L İ Z İ N D E N
N E L E R Ö Ğ R E N D İ K ?
( 1 3 FA R K L I E N D Ü S T R İ , 6 2 FA R K L I M E T R İ K )
1 0 . 0 0 0 . 0 0 0 S AY FA

31. Yayıncı
Medya
Finans
Market
place
Listing
E-ticaret FMCG İlaç Retail Devlet Tatil
Yazılım
Tech
Zayıf
Zayfalar
%14 %12 %6 %10 %7 %26 %5 %30 %2 %24
Boş Sayfalar %0.84 %0.61 %3 %1 %0.6 %1 %0.6 %3 %0.06 %1.6
H1 olmayan %16 %12 %56 %18 %2.01 %9 %2.22 %35 %2.6 %20
AMP sayfası %2 %1 %0.5 %0.03 * %0.1 * * %0.3 %0.8
Responsive %44 %58 %19 %65 %87 %73 %90 %12 %62 %35
Mobili yok %26 %23 %74 %23 %7 %17 %5 %47 %4 %27
Max fetch
time
%4 %13 %8 %20 %4 %4 %1 %4 %1.08 %8

32. Türkiye’de Yazılımcıların Hıza Yaklaşımı
@ I LYA S T E K E R # S E M R U S H
gerkca

33. Dünyada Durum Nasıl Peki?

34. Geçmeden Önce Bazı Terimleri Öğrenelim
@ I LYA S T E K E R # S E M R U S H

35. @ I LYA S T E K E R # S E M R U S H
Mobilde Ortalama Sayfa Büyüklüğü 1.2 MB

36. @ I LYA S T E K E R # D I G I TA L Z O N E
Google: Sektörlere Göre Sayfa Büyüklüğü

37. @ I LYA S T E K E R # S E M R U S H
2011’de Ortalama Sayfa Büyüklüğü 202 KB İken

38. @ I LYA S T E K E R # S E M R U S H
2018’de 1.5 MB Artış %674

39. @ I LYA S T E K E R # D I G I TA L Z O N E
Google: Ortalama First Byte İndirme Süresi

40. First Byte Gerçekten Önemli Mi?
@ I LYA S T E K E R # S E M R U S H

41. @ I LYA S T E K E R # S E M R U S H
1 Mobil Sayfa Yüklenirken 18 TCP Bağlantısı Kuruluyor

42. @ I LYA S T E K E R # S E M R U S H
1 Mobil Sayfa Yüklenirken 18 TCP Bağlantısı Kuruluyor
G E R Ç E K T E N H E P S İ N E İ H T İ YA Ç VA R M I ?

43. @ I LYA S T E K E R # S E M R U S H
1sn Altında First Paint Oranı Mobilde %34

44. @ I LYA S T E K E R # S E M R U S H
First Contentful Paint Mobilde Ortalama 5.3 sn

45. Amazon, Walmart’a göre FCP’de Önde
@ I LYA S T E K E R # S E M R U S H
Source: Patrick Meenan, Smashing Conference 2018

46. @ I LYA S T E K E R # S E M R U S H
Time to Interactive (TTI) Mobilde Ortalama 7.6 sn

47. Peki İlyas’cığım,
Sitemizi Hızlandırmak İçin Neler Yapabiliriz?

48. Akıllı Hareket Etmeliyiz
@ I LYA S T E K E R # S E M R U S H

49. @ I LYA S T E K E R # S E M R U S H
Mobilde Ortalama 18 Javascript İsteği Var

50. @ I LYA S T E K E R # S E M R U S H
+5 CSS İsteği Daha Ekleyelim

51. @ I LYA S T E K E R # S E M R U S H
Ortalama 44 KB CSS Yüklüyoruz

52. Google Hiçbir CSS İsteğinde Bulunmuyor :)
@ I LYA S T E K E R # S E M R U S H

53. Kullanmadığımız CSS’leri Uçurma Zamanı
@ I LYA S T E K E R # S E M R U S H
https://unused-css.com/

54. @ I LYA S T E K E R # S E M R U S H

55. SEMrush Site Audit İle Sıkıştırılmamış
JS ve CSS Dosyalarınızı Görün
@ I LYA S T E K E R # S E M R U S H

56. Kullanılmayan CSS ve JS’leri Tespit Edin
Sitenizden Kaldırın
@ I LYA S T E K E R # S E M R U S H

57. @ I LYA S T E K E R # S E M R U S H

58. Bu Aracı da Deneyebilirsiniz
@ I LYA S T E K E R # S E M R U S H

59. CSS ve JS’leri Sıkıştırmayı Unutmayalım
@ I LYA S T E K E R # S E M R U S H
https://cssminifier.com/

60. CSS ve JS’leri Sıkıştırmayı Unutmayalım
@ I LYA S T E K E R # S E M R U S H
https://www.minifier.org/

61. CSS ve JS’leri Sıkıştırmayı Unutmayalım
@ I LYA S T E K E R # S E M R U S H
https://jscompress.com/

62. CSS ve JS’leri Sıkıştırmayı Unutmayalım
@ I LYA S T E K E R # S E M R U S H
https://javascript-minifier.com/

63. Daha Fazla Kaynak?
@ I LYA S T E K E R # S E M R U S H
https://developers.google.com/speed/docs/insights/MinifyResources

64. 1 Sayfada Ortalama 493 KB Görsel Kullanılıyor
@ I LYA S T E K E R # S E M R U S H

65. @ I LYA S T E K E R # S E M R U S H
1 Sayfada Ortalama 28 Görsel Yüklenme İsteği Var

66. Görselleri Optimize Etmemiz Lazım
@ I LYA S T E K E R # S E M R U S H

67. Klasik Olacak Ama Mutlaka Lazy-Loading Yapmalıyız
@ I LYA S T E K E R # S E M R U S H

68. Kendi Siteniz İçin Uygulamadan Önce Okuyun
@ I LYA S T E K E R # S E M R U S H

69. WebP Görsel Formatı İle Tanıştınız mı?
@ I LYA S T E K E R # S E M R U S H

70. Üstelik Çok Daha Hızlı Yükleniyor
@ I LYA S T E K E R # S E M R U S H

71. Kaliteden Ödün Vermeden Görselleri Küçülmek Mümkün
@ I LYA S T E K E R # S E M R U S H
JPEG file size: 43.84 KB

72. Kaliteden Ödün Vermeden Görselleri Küçülmek Mümkün
@ I LYA S T E K E R # S E M R U S H
JPEG file size: 43.84 KB WebP file size: 29.61 KB

73. WebP Gibi Başkaları da Var: FLIF
@ I LYA S T E K E R # S E M R U S H

74. Adaptive Görseller İçin Bu Servisi Kullanabilirsiniz
@ I LYA S T E K E R # S E M R U S H
http://adaptive-images.com/

75. Görsellerin Optimize Edilmesi Direkt Gelirinizi Arttırabilir
@ I LYA S T E K E R # S E M R U S H

76. Nereden Çıktı Bu Analiz?
@ I LYA S T E K E R # S E M R U S H

77. %65 Görsel Yüklenme Hız İyileştirmesi = 2 Kat CR Artışı
@ I LYA S T E K E R # S E M R U S H

78. %65 Görsel Yüklenme Hız İyileştirmesi = 2 Kat CR Artışı
@ I LYA S T E K E R # S E M R U S H

79. Kendi Siteniz İçin Deneyin
@ I LYA S T E K E R # S E M R U S H

80. SEMrush Site Audit İle Yavaş Açılan Sayfalarınızı Görebilirsiniz
@ I LYA S T E K E R # S E M R U S H

81. Önerdiğim Bir Başka Servis Daha: Cloudinary
@ I LYA S T E K E R # S E M R U S H

82. Görsel, Video Optimizasyonu Konusunda Bayağı İyiler
@ I LYA S T E K E R # S E M R U S H

83. Netflix, Tripadvisor, Dropbox Kullanıyor
@ I LYA S T E K E R # S E M R U S H

84. @ I LYA S T E K E R # S E M R U S H
Üstelik
10GB
Depolama
Ücretsiz

85. CDN Kullanmamız Lazım Ama Hangisi Daha İyi?
@ I LYA S T E K E R # S E M R U S H

86. Dilediğiniz CDN’nin Performansını Kıyaslayın
@ I LYA S T E K E R # S E M R U S H

87. Sitenizin CDN Performansını Ücretsiz Test Edin
@ I LYA S T E K E R # S E M R U S H

88. Facebook CDN Konusunda Nasıl?
@ I LYA S T E K E R # S E M R U S H

89. Mobilde 78 KB Font Yüklüyoruz
@ I LYA S T E K E R # S E M R U S H

90. +3 Font İsteğimiz Var
@ I LYA S T E K E R # S E M R U S H

91. Alternatif Font Kullanarak Hızlanabiliriz
@ I LYA S T E K E R # S E M R U S H

92. Font-Display Olayını Göz Ardı Etmeyin
@ I LYA S T E K E R # S E M R U S H

93. Font-Display Olayıyla İlgili Detaylı Bilgi için Okuyun
@ I LYA S T E K E R # S E M R U S H

94. Hero Element’i Duyan Oldu Mu?
@ I LYA S T E K E R # S E M R U S H

95. Bu Değerleri Google Analytics’te Ölçebilirsiniz
@ I LYA S T E K E R # S E M R U S H

96. Bu Makaleyi Okuyun
@ I LYA S T E K E R # S E M R U S H
https://medium.com/@zizzamia/first-contentful-paint-with-a-touch-of-perfume-js-cd11dfd2e18f

97. Yetmez Diyorsanız Data Studio’ya Ekleyin
@ I LYA S T E K E R # S E M R U S H

98. Time To Interactive (TTI) Mobilde Daha Uzun
@ I LYA S T E K E R # S E M R U S H

99. Google Page Speed Aracı Yenilendi!
@ I LYA S T E K E R # S E M R U S H

100. Artık Google Lighthouse Bilgileri de Görünüyor
@ I LYA S T E K E R # S E M R U S H

101. Diğer Metriklerdeki Sayfa Performansınızı da Analiz Edin
@ I LYA S T E K E R # S E M R U S H

102. Google’ın Sayfasını Okuyun ve Chrome Eklentisini İndirin
@ I LYA S T E K E R # S E M R U S H

103. Hızlandırma İçin Optimizasyon Adımlarınızı Önceliklendirin
@ I LYA S T E K E R # S E M R U S H

104. Waterfall Görünümü Sayfayı Yavaşlatan Unsurları
Daha Kolay Görmenizi Sağlar
@ I LYA S T E K E R # S E M R U S H

105. Okumadan Geçmeyin
@ I LYA S T E K E R # S E M R U S H
https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics

106. @ I LYA S T E K E R # S E M R U S H
Okumadan Geçmeyin
https://medium.com/@fox/talk-the-
state-of-the-web-3e12f8e413b3

107. Tam Bitti Derken Google FID (First Input Delay) Duyurdu
@ I LYA S T E K E R # S E M R U S H

108. FID (First Input Delay) Nedir?
@ I LYA S T E K E R # S E M R U S H
Kullanıcının site yüklendikten sonra
herhangi bir linke tıkladığında,
butona bastığında
ya da custom bir js kontrolünü çalıştırdığında
browser’ın cevap verme süresi arasında geçen zaman.

110. Grafiğe Dökersek Daha Kolay Anlaşılır
@ I LYA S T E K E R # S E M R U S H

111. FID Değerini Google Analytics’te Ölçmek İsterseniz
@ I LYA S T E K E R # S E M R U S H

112. Sayfamızın Kritik Alanlarının Önce Render Edilmesi
@ I LYA S T E K E R # S E M R U S H

113. Nelere Dikkat Etmeliyiz?
@ I LYA S T E K E R # S E M R U S H
• Server’ın bu sayfa datalarını öncelikli gönderdiğinden emin olun.

114. Nelere Dikkat Etmeliyiz?
@ I LYA S T E K E R # S E M R U S H
• Server’ın bu sayfa datalarını öncelikli gönderdiğinden emin olun.
• rel=preload Kullanarak hangi elementin önce yüklenmesi gerektiğini
browser’a söyleyin.

115. Nelere Dikkat Etmeliyiz?
@ I LYA S T E K E R # S E M R U S H
• Server’ın bu sayfa datalarını öncelikli gönderdiğinden emin olun.
• rel=preload Kullanarak hangi elementin önce yüklenmesi gerektiğini
browser’a söyleyin.
• <head> kısmında inline CSS kullananın (kritik olan sayfa özelinde)

116. Chrome Bu Konuda Farklı Denemeler de Yapıyor
@ I LYA S T E K E R # S E M R U S H

117. Hız Konuşurken AMP Konuşmamak Olmaz
@ I LYA S T E K E R # S E M R U S H

118. 5.7 Kat Daha Hızlı
@ I LYA S T E K E R # S E M R U S H

119. AMP ile Responsive Kıyaslarsak
@ I LYA S T E K E R # S E M R U S H
Source: Bastian Grimm, SearchLeeds 2018

120. E-ticaret Sitelerinde de Kullanılabiliyor
@ I LYA S T E K E R # S E M R U S H

121. Guess.js: Data-driven User-experiences
@ I LYA S T E K E R # S E M R U S H

122. @ I LYA S T E K E R # S E M R U S H
Hangi Linklere Tıklanacağını Hesaplayıp Hızlı Yüklüyor

123. Google Analytics Hesabınıza Bağlanıp Oradaki Datanızı İşliyor
@ I LYA S T E K E R # S E M R U S H

124. Küçük Bir Siteniz İçin Mutlaka Deneyin
@ I LYA S T E K E R # S E M R U S H

125. Mümkün Olan Yerlerde Asynchronous Yükleme Yapabiliriz
@ I LYA S T E K E R # S E M R U S H

126. Defer.js Kullanarak Başlayabilirsiniz
@ I LYA S T E K E R # S E M R U S H
awdadawdaw

127. Hız Optimizasyonuna Yaklaşımımız Nasıl Olmalı?
@ I LYA S T E K E R # S E M R U S H

128. Hız Optimizasyonuna Yaklaşımımız Nasıl Olmalı?
@ I LYA S T E K E R # S E M R U S H
???

129. RUM = Real User Monitoring
@ I LYA S T E K E R # S E M R U S H

130. RUM = Real User Monitoring
@ I LYA S T E K E R # S E M R U S H

131. Başka Servisler de Sunuyor
@ I LYA S T E K E R # S E M R U S H

132. Ücretsiz Kullanabileceğiniz Araçlar da Var
@ I LYA S T E K E R # S E M R U S H

133. NASA Bile Kullanıyor :)
Siz de Deneyin!
@ I LYA S T E K E R # S E M R U S H

134. Sitenize Bir Script Eklemeden Önce 2 Kez Düşünün
@ I LYA S T E K E R # S E M R U S H

135. Sitesinde Çok Fazla Script Kullananlar Mutlaka Okuyun
@ I LYA S T E K E R # S E M R U S H
https://developer.akamai.com/blog/2015/11/17/tips-managing-performance-third-party-scripts

136. Redirect Zincirleri Site Hızınızı Etkiliyor
@ I LYA S T E K E R # S E M R U S H

137. Bu Kadar Uğraşa Gerçekten Değer Mi?
Instagram’da Story İzlemek Varken

138. @ I LYA S T E K E R # S E M R U S H
Source: Bastian Grimm, SearchLeeds 2018

139. @ I LYA S T E K E R # S E M R U S H
Source: Bastian Grimm, SearchLeeds 2018

140. @ I LYA S T E K E R # S E M R U S H
Source: Bastian Grimm, SearchLeeds 2018

141. İyileştirme Yapılmış Performans Değerleri Harika
@ I LYA S T E K E R # S E M R U S H
awdadawdaw
Source: Bastian Grimm, SearchLeeds 2018

142. @ I LYA S T E K E R # S E M R U S H
Source: Bastian Grimm, SearchLeeds 2018

143. Greenweez AMP İle Dönüşüm Oranlarını %80 Arttırdı
@ I LYA S T E K E R # S E M R U S H

144. Gravatas AMP İle Mobil Dönüşüm Oranlarını %15 Arttırdı
@ I LYA S T E K E R # S E M R U S H

145. AMP + PWA =
@ I LYA S T E K E R # S E M R U S H

146. Yapınca Oluyor
@ I LYA S T E K E R # S E M R U S H

147. Başka Bir Sitede Optimizasyon Sonrası Sonuçlar
@ I LYA S T E K E R # S E M R U S H

148. Siteniz Hızlandıkça Google’ın Crawl Oranı Artıyor
@ I LYA S T E K E R # S E M R U S H

149. John Amca Ne Demişti Hatırladınız Mı?
@ I LYA S T E K E R # S E M R U S H

150. Google: Rakiplerinizle Birlikte Ülke Bazlı Site Hızınızı Kıyaslayın
@ I LYA S T E K E R # S E M R U S H
https://www.thinkwithgoogle.com/feature/mobile/

151. Hızlandıkça Geliriniz Tahmini Ne Kadar Artacak Görün
@ I LYA S T E K E R # S E M R U S H
https://www.thinkwithgoogle.com/feature/mobile/

152. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir
@ I LYA S T E K E R # S E M R U S H
https://www.thinkwithgoogle.com/feature/mobile/

153. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir
@ I LYA S T E K E R # S E M R U S H
https://www.thinkwithgoogle.com/feature/mobile/

154. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir
@ I LYA S T E K E R # S E M R U S H
https://www.thinkwithgoogle.com/feature/mobile/

155. N11.com 4sn Hızlanarak Yıllık +$84M Gelir Elde Edebilir
@ I LYA S T E K E R # S E M R U S H
https://www.thinkwithgoogle.com/feature/mobile/

156. 100ms Hız İyileştirmesi Session Başına %0.7 Gelir Arttırmış
@ I LYA S T E K E R # S E M R U S H
https://jobs.zalando.com/tech/blog/loading-time-matters/index.html

157. Bu Hafta Bu Dökümanı MUTLAKA Okuyun
@ I LYA S T E K E R # S E M R U S H

158. @ I LYA S T E K E R # S E M R U S H
Bu Araçları Tek Tek Kullanın
https://testmysite.withgoogle.com

159. @ I LYA S T E K E R # S E M R U S H
Bu Araçları Tek Tek Deneyin

160. @ I LYA S T E K E R # S E M R U S H
SpeedCurve Bayağı Sağlam

161. @ I LYA S T E K E R # S E M R U S H
SpeedCurve Bayağı Sağlam

162. @ I LYA S T E K E R # S E M R U S H
SpeedCurve Bayağı Sağlam

163. @ I LYA S T E K E R # S E M R U S H
SpeedCurve Bayağı Sağlam

164. T E Ş E K K Ü R L E R
@ I LYA S T E K E R