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

3.
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

4.
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

5.
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

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

7.
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 /

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

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

10.
Neden Hızı Bu Kadar Seviyoruz?

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

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

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

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

15.
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

16.
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

17.
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.

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

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

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

21.
@ 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

22.
@ 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ı

23.
@ 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!

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

25.
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

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

27.
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

28.
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

29.
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

30.
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

31.
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

32.
Dünyada Durum Nasıl Peki?

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

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

35.
@ 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üğü

36.
@ 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

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

38.
@ 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

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

40.
@ 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

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
G E R Ç E K T E N H E P S İ N E İ H T İ YA Ç VA R M I ?

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

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

44.
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

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

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

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

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

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

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

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

52.
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/

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

54.
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

55.
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

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

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

58.
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/

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://www.minifier.org/

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://jscompress.com/

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://javascript-minifier.com/

62.
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

63.
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

64.
@ 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

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

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

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

68.
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

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

70.
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

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 WebP file size: 29.61 KB

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

73.
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/

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

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

76.
%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

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.
Kendi Siteniz İçin Deneyin
@ I LYA S T E K E R # S E M R U S H

79.
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

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

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

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

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

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

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

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

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

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

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

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

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

92.
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

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

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

95.
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

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

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

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

99.
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

100.
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

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

102.
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

103.
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

104.
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

105.
@ 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

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

107.
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.

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

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

110.
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

111.
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.

112.
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.

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.
• 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)

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

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

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

117.
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

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

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

120.
@ 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

121.
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

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

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

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

125.
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

126.
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
???

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

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

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

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

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

132.
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

133.
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

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

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

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

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

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

139.
İ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

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

141.
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

142.
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

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

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

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

146.
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

147.
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

148.
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/

149.
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/

150.
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/

151.
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/

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.
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

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

156.
@ 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

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

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

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

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.
T E Ş E K K Ü R L E R
@ I LYA S T E K E R