Dünyanın En Hızlı Sitesini Yaptım

Question

arkadaşlar yıllardır blogger ve wordpress altyapılarını kullandım, bloggerin yetmemei durumunda wordpress'e geçmem durumunda, geçmem ile birlikte bazı sorun ve problemlerle karşılaştım. 

Bunlardan biri hız problemi. Wordpress sitemi nasıl hızlandırırım, yok efendim sitenin yavaş açılması gibi büyük bir derdim vardı. Sonunda jekyll ile tanıştım. 3.5 saniyede açılan web sitem 0.2 saniyede açılmaya başladı. Bütün arkadaşlarıma tavsiye ederim  

aşağıdaki linkten test edebilirsiniz. 

Web Sitem : https://erdemoflaz.com/

not: jekyll konusunda yardımcı olurum

okutan · Answer

Gerçekten çok hızlı! Fakat tek avantajı hostinge para vermiyor olmamanız, başka açıdan çok fazla eksiği var. Sıradan basit bir php blog yazılımı da bence bu hızlara ulaşabilir, hiç bir eklenti yok, sql sorguları yok vs. vs.

BySeco · Answer

TahsinCetinkaya adlı üyeden alıntı:						mesajı görüntüle									resimlerle donatsın, günlük hava döviz vs eklesin sidebar vs, fotora da çaksın iki üç bileşen 
Ozaman görelim diyorsun yani  		Aynen hemşo 

						fLayer adlı üyeden alıntı:						mesajı görüntüle									Hiç zaman kaybetmeden hemen Aksi Yorumlar gelsin (: Adam makale paylaşıyor Geçişler çok hızlı açılma hızı çok iyi daha ne istiyorsunuz Saçma Sapan wp eklentisimi kursun? Yada Pix. yuksek resimmi atsın? 		Ne yapalım hocam gaz verip yanlış mı yönlendirelim? Arkadaş boş sitenin dünyanın en hızlı sitesi olduğunu iddia ediyor.

cea · Answer

Merhaba, öncelikle bilgi katma adına güzel bir içerik ve başlık olmuş.

Ancak, yanıltıcı olmaması adına eklemek lazım, bir kaç arkadaş kısmen değinmişler.

Wordpress hali hazırda kendi yapısı, eklentiler, temaların bir çok amaca hizmet edecek şekilde geliştirilmesi, widget derken çok fazla sorgu yürütüyor olması en büyük eksikliği. Ancak, bu eksiklik genel olarak ne kadar wp'nin core yapısına atfedilir, tartışılır. Bu ve benzeri eksiklikler ve farklı gereksinimler nedeniyle jekyll, grav, craft, ghost gibi çok başarılı örnekler de ortaya çıkmaya başladılar ki çok da yeni olmadıklarını, hatırı sayılır kullanım hacimlerine ulaştıklarını da belirtmek gerekir.

Jekyll kendi merkezinde github topluluğunu aldığı için ayrı bir avantaja sahip elbette. Ancak, unutmamak gerekir ki bu platformlar belirli amaçlar doğrultusundaki gereksinimlere göre geliştirilmekteler, wordpress gibi geniş yelpazede bir kullanım hedeflemiyorlar. Dolayısıyla artıları kadar eksileri de olacaktır.

Burada başlık konusuna da değinmeden edemeyeceğim.

Sunucu yanıt süresi, compile edilmemiş dosyalar, sıkıştırılmamış imajlar, inline js ve css kodları, sorgular gibi bir çok etkenin olduğu bir durum için doğrudan bir kodlama ya da platforma referans vermenin çok doğru olmayacağı ve hatta yanıltıcı olacağı düşüncesindeyim.

erdemoflaz · Answer

arkadaşlar hepinizin dediklerine katılıyorum fakat öncelikle şunu belirtmek isterim ki, alt yapı ne olursa olsun dışardan cdn, resimleri uzak servislerden çekmek gibi dışa bağımlı olunan şeylerde yüklenme esnasında ekstra bi zaman oluşturacaktır. Çünkü hem sitenin kendinin yüklenmesi hemde uzaktan çağırdığınız link'in yüklenmesi durumu söz konusu. Ki kaldı ki wordpress'e de eklenti widget kurulduğunda illa ki dışardan script çağırıyor. E hal böyle olunca hız problemleri ortaya çıkıyor. Çünkü sizin sitenizle birlikte dışardan çağırdığınız script de kendince yükleniyor.

mace · Answer

Konuyu Favorilere ekledim takipte kalacam.

yildizteknoloji · Answer

Tebrikler, takipteyim.

metinciris · Answer

Mobil tasarım çok hoş ve hızlı. Resimleri yükleyebiliyor muyuz? 
Amp olayı bunda oluyor mu?

erdemoflaz · Answer

metinciris adlı üyeden alıntı:						mesajı görüntüle									Mobil tasarım çok hoş ve hızlı. Resimleri yükleyebiliyor muyuz? 
Amp olayı bunda oluyor mu? 		hocam benim fikrimi alacak olursanız, amp'ye ihtiyaç duyduğunu düşünmüyorum hız bakımından fakat google amp siteleri önde çıkartıyor sebep ise hız, e bu haliyle de hızlı açılıyor. Bu farkı tam anlamıyla açıklayacak bi arkadaş var mı acaba, jekyll gibi hızlı açılan siteye amp de uygulanırsa ne gibi değişim olur?

Ofisimo · Answer

Gerçekten siteniz ateş ediyor çok hızlı.

erdemoflaz · Answer

FSahin adlı üyeden alıntı:						mesajı görüntüle									Ben normal blog değilde film teması yapmıştım hocam. Private yapabilmek için aylık ücret vardı o da sanırım 7 dolardı. 		hocam bi ara öyle bişey yaptılar, private repoyu ücretli açtırtıyorlardı ama kısa sürdü o dönem, kaldırdılar sonra.

cea · Answer

AMP hızı sadece yüklenme anlamında değil, işlev anlamında ele alıyor. Bu nedenle kendi JS ve Cache yapılarını da beraberinde getirmekte ve kullanıcı deneyimi adına bunu device (desktop, mobil, tablet vb.) ile platform (wp, framework, jekyll vb.) farkı olmaksızın yapmayı, geçerlilik içerisinde sunmayı hedefliyor.

Sadece sitenin yüklenme hızı olarak ele almak biraz yüzeysel yaklaşmak olacaktır. Bu nedenle AMP Google için öncelikli kriterlerden biri konumunda. Örnek olarak şu bile söylenebilir; bir platformda sunulan web sayfanız amp üzerinde daha düşük hızda açılıyor diyelim (pek mümkün olmayacaktır ama varsayımsal olarak böyle olduğunu düşünelim) bu açıdan bakıldığında hızı kullanıcı deneyimi ve performans (kullanıcı deneyimi + geçerlilik + vb.) karşısında öncelikli tutmak ne kadar doğru olur?

https://www.ampproject.org/ içeriklerini bu anlamda değerlendirmek, hazır plugin kullanılsa dahi temel mantığını kavramak gerektiğini düşünüyorum.

Furkaanl · Answer

Abarttın sanmıştım ama gerçekten başarılı

Bolanka · Answer

GTmerix ve google pagespeed puanları düşük geliyor. Ama kullanıcı tarafında sorun yok. Hızlı. Hızlı olmasının bir nedeni de sanırım resim yok. Slider vs.. yok. Bunlar olmayınca wp de iyi aslında.

fLayer · Answer

Hiç zaman kaybetmeden hemen Aksi Yorumlar gelsin (: Adam makale paylaşıyor Geçişler çok hızlı açılma hızı çok iyi daha ne istiyorsunuz Saçma Sapan wp eklentisimi kursun? Yada Pix. yuksek resimmi atsın?

VBuMaSTeR · Answer

Client tarafı evet gerçekten çok hızlı. Bunun sebebi ise arkadaşlarımında dediği gibi sistemi yoracak özellikleri ayakta tutan kodlamaların olmaması ve tabi ki en önemlisi sayfa boyutunu yükselten resimlerin bulunmaması.

metinciris · Answer

gerek yok

VBuMaSTeR · Answer

metinciris adlı üyeden alıntı:						mesajı görüntüle									http://artemsheludko.pw/bef/ burada video ve bol resim var. Site sayfası 3mb ve bana göre çok hızlı. Gerçi PageSpeed Insights 65 ve 69 /100 gösteriyor 

http://jekyllthemes.org/themes/bef/ buradaki tema. Diğer temalara göz atmak gerek.  		Günümüz internetinde 3 mb lık bir veri ortalama bir internet ile 1 sn de 4.5 g ve üzeri bir bağlantı ile min 0,2 sn de alınabiliyor. Değerlerde yanılıyor olabilirim ama üç aşağı beş yukarı böyledir. Hızlı bir bağlantıda eğer ki server client ın isteğini hızlı bir şekilde verebiliyorsa sayfa boyutunun hıza etkisindekinde hissedilirlik tabi ki azalıyor.

En nihayetinde, bu sistem de wordpress ile aynı işleri yapıyor olursa bu şekilde uçup kaçma şansı kalmayacak. Wordpress ile de bazı şeylerden feragat ederek bu hızlara ulaşabilmek mümkün. Sistem hızlı ama beni inanılmaz etkileyecek derecede bir yanı yok

AhmetKofali · Answer

Hemen bir hız testi yapayım dedim ve hayretler içerisinde kaldım. Başarılarının devamını dilerim.

efkar · Answer

Öncelikle tebrik ederim. Bu kodlama yazılım işlerinden pek anlamıyorum. Daha önce joomla ile bir kaç tane site kurmuştum. Bir miktarda wordpress üzerinde çalışmışlığım var. bugün bir çok site 3-4 saniye bekletiyor (daha fazla bekleteni de gördüm). Bununla birlikte arkadaşların bahsettiği çokça görsel kullanımı, eklenti vs. gibi şeylerin bizim memlekette abartıldığını düşünüyorum. Eğer gerçekten ihtiyaç yoksa kullanılmamalı bu fonksiyonlar. Ben sitenin bana vakit kazandıranını seviyorum  Bu hızlı sitelerin sayısı çoğalsın inşallah.

WebSitesiAdresi · Answer

erdemoflaz adlı üyeden alıntı:						mesajı görüntüle									arkadaşlar yıllardır blogger ve wordpress altyapılarını kullandım, bloggerin yetmemei durumunda wordpress'e geçmem durumunda, geçmem ile birlikte bazı sorun ve problemlerle karşılaştım. 

Bunlardan biri hız problemi. Wordpress sitemi nasıl hızlandırırım, yok efendim sitenin yavaş açılması gibi büyük bir derdim vardı. Sonunda jekyll ile tanıştım. 3.5 saniyede açılan web sitem 0.2 saniyede açılmaya başladı. Bütün arkadaşlarıma tavsiye ederim  

aşağıdaki linkten test edebilirsiniz. 

Web Sitem : https://erdemoflaz.com/

not: jekyll konusunda yardımcı olurum  		Hocam bu iş öyle anlatmakla olmaz. Öncelikle teşekkürler.

Şimdi beklentimi söyleyeyim: Bu ceykıp vs nasıl yapılıyorsa sıfırdan en sona kadar şöyle güzel bi video bekliyorum. En baştan en sona kadar detaylı anlatımlı video ile çoooooooookkkk hayır duası alırsınız.

by_tmrci · Answer

bir sey de ben katayim ayrica burda olusturdugunuz site seo acisindan wp den daha iyi noktada (sahsi tecrubem yillardir jekyll kulanan biriyim) yalniz disk alani, trafik siniri vardi en son. eski bir wp siteyi jekyll'e donusturebilirsiniz. hatta jekyll tarzi calisan turk yapim bir altyapi bile var isterseniz onu da inceleyebilirsiniz. 
hem yazida diger sitatik site yaraticilardan da bahsediyor.
https://ubenzer.com/2016/05/statik-site-yaratici-fil/

TahsinCetinkaya · Answer

by_tmrci adlı üyeden alıntı:						mesajı görüntüle									bir sey de ben katayim ayrica burda olusturdugunuz site seo acisindan wp den daha iyi noktada (sahsi tecrubem yillardir jekyll kulanan biriyim) yalniz disk alani, trafik siniri vardi en son. eski bir wp siteyi jekyll'e donusturebilirsiniz. hatta jekyll tarzi calisan turk yapim bir altyapi bile var isterseniz onu da inceleyebilirsiniz. 
hem yazida diger sitatik site yaraticilardan da bahsediyor.
https://ubenzer.com/2016/05/statik-site-yaratici-fil/ 		FİL ÖRNEGİ: https://ubenzer.com/ Gayet hızlı ve gayet başarılı

mahirtaha · Answer

Hocam bu hızın hite dönüşümünde indexlenmede büyük bir etkisi oldu mu?

metinaktas · Answer

arkadaslar  jekyll hakkinda  kurulum tema vs  baslangic icin envanto nun hazirladigi cok guzel videolar var  isinize yarayabilir.  
 https://webdesign.tutsplus.com/categories/jekyll

Selanik · Answer

tebrikler

mahmutsan · Answer

@erdemoflaz arkadaşın dikkatine ;

jekyll ile ilgili en son güncel bilgiler var mı ?

paylaşırsanız sevinirim

erdemoflaz · Answer

ceyhunakturk adlı üyeden alıntı:						mesajı görüntüle									gerçekten efsane blogtaki yazınızıda okudurm etkileyici teşekkkürler..
Sormak istediğim..
1- jekyll temaları mevcutmu
2- jekyll kurulur kurulmaz bu hızdamı açılıyor, yani optimize etmeye gerek varmı
3- github host edicek demişsiniz, peki bu host ne kadar kitleyi kaldırır, bir limit varmı acaba
4- responsive olma durumu varmı

teşekkürler 		beğendiğine sevindim, asıl ben teşekkür ederim 

1-) jekyll teması fazlasıyla bulunmakta
2-) kurulur kurulmaz böyle, optimizasyona ihtiyacı yok
3-) kitlede sınır yok 
4-) bütün temaları responsive

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 11:05:26 -->-> Daha önceki mesaj 11:04:30 --

Yeniceri adlı üyeden alıntı:						mesajı görüntüle									Başlığı görünce geyik yapıyorsun sanmıştım ama cidden harika @erdemoflaz; seni tebrik ederim. Fakat ilgili altyapı hakkında forumda bir konu açar ve yardım isteyenlere destek olursan, kendi adıma çok mutlu olurum. 		teşekkür ederim, tavsiyeniz çok hoşuma gitti, neden olmasın

isyerlerimcom · Answer

Evet site gerçekten çok hızlı, içeriklerinize de gözattım ayrıca. Güzel bir site, tebrik ederim.

erdemoflaz · Answer

isyerlerimcom adlı üyeden alıntı:						mesajı görüntüle									Evet site gerçekten çok hızlı, içeriklerinize de gözattım ayrıca. Güzel bir site, tebrik ederim. 		çok teşekkür ederim, beğenmeniz beni çok mutlu etti

PATRON54 · Answer

Bugüne kadar bundan daha hızlı açılan bir site görmedim. Abartıyor kesin dedim ama yanıldım

Programmer · Answer

Nasıl yaptığınızı bir makale olarak paylaşırsanız bence çok yararlı olur.

jet · Answer

Hız da tasarım da çok güzel

adanali01 · Answer

pm aliyim

Ekpyrosis · Answer

erdemoflaz adlı üyeden alıntı:						mesajı görüntüle									arkadaşlar yıllardır blogger ve wordpress altyapılarını kullandım, bloggerin yetmemei durumunda wordpress'e geçmem durumunda, geçmem ile birlikte bazı sorun ve problemlerle karşılaştım. 

Bunlardan biri hız problemi. Wordpress sitemi nasıl hızlandırırım, yok efendim sitenin yavaş açılması gibi büyük bir derdim vardı. Sonunda jekyll ile tanıştım. 3.5 saniyede açılan web sitem 0.2 saniyede açılmaya başladı. Bütün arkadaşlarıma tavsiye ederim  

aşağıdaki linkten test edebilirsiniz. 

Web Sitem : https://erdemoflaz.com/

not: jekyll konusunda yardımcı olurum  		Jekyll konusunda bizi aydınlatabilir misin?
Nasıl site açılır, tasarım vs konuları. bir de siteye link ekliyorlar mı otomatik?

erdemoflaz · Answer

Arkadaşlar ilginiz için gerçekten çok teşekkür ederim, beni heyecanlandırnız ve hemen blog postunu yazdım. 

gerçekten çok hoşunuza gidecek bir yazı oldu, sizde sosyal mecralarda paylaşırsanız çok memnun kalırım, teşekkürler

https://erdemoflaz.com/jekyll-nedir-...nasil-yapilir/

SEOPro · Answer

Basarılı

ceyhunakturk · Answer

gerçekten efsane blogtaki yazınızıda okudurm etkileyici teşekkkürler..
Sormak istediğim..
1- jekyll temaları mevcutmu
2- jekyll kurulur kurulmaz bu hızdamı açılıyor, yani optimize etmeye gerek varmı
3- github host edicek demişsiniz, peki bu host ne kadar kitleyi kaldırır, bir limit varmı acaba
4- responsive olma durumu varmı

teşekkürler

t4ko · Answer

filmlerde tek tıkla açılan siteler gibi  sanki 1 gbit internet kullanıyorum çok başarılı

Yeniceri · Answer

Başlığı görünce geyik yapıyorsun sanmıştım ama cidden harika @erdemoflaz; seni tebrik ederim. Fakat ilgili altyapı hakkında forumda bir konu açar ve yardım isteyenlere destek olursan, kendi adıma çok mutlu olurum.

FSahin · Answer

Jekyll hakkında bende bilgi vereyim, sürekli tema geliştiriyorum Jekyll'a genelde yabancı geliştiriciler çok tercih ediyor. Jekyll php altyapısına sahip değil, ruby altyapısıyla çalışıyor. Github'da blogu yayınlıyorsunuz ancak, temanız kodlarınız açık oluyor isteyen istediği gibi sitenizi indirip kendine site açabilir ki en nefret edilen nokta bu. Ya da sizin yazdığınız yazıları tek yüklemeyle kendi sitesine aktarabilir. 

Jekyll'da arama ile ilgili olay çok zor yapılıyor o yüzden arama formu yok denecek kadar az bazı sitelerde bunu ücretiyle satıyor. Yazı yazmak bazen işkenceye dönebiliyor, sıkılabiliyorsunuz çünkü detaylarla uğraşmak zor olabiliyor. Çünkü admin paneli yok ve herşeyi normal dosyalardan yapmak zorunda kalıyorsunuz.

Jekyll kullanacak arkadaşlar varsa şu eklentiyi vereyim, bu eklentiyi github üzerinde kullanmayın localde kullanın. Admin paneli sağlıyor size.

https://github.com/jekyll/jekyll-admin

erdemoflaz · Answer

FSahin adlı üyeden alıntı:						mesajı görüntüle									Jekyll hakkında bende bilgi vereyim, sürekli tema geliştiriyorum Jekyll'a genelde yabancı geliştiriciler çok tercih ediyor. Jekyll php altyapısına sahip değil, ruby altyapısıyla çalışıyor. Github'da blogu yayınlıyorsunuz ancak, temanız kodlarınız açık oluyor isteyen istediği gibi sitenizi indirip kendine site açabilir ki en nefret edilen nokta bu. Ya da sizin yazdığınız yazıları tek yüklemeyle kendi sitesine aktarabilir. 

Jekyll'da arama ile ilgili olay çok zor yapılıyor o yüzden arama formu yok denecek kadar az bazı sitelerde bunu ücretiyle satıyor. Yazı yazmak bazen işkenceye dönebiliyor, sıkılabiliyorsunuz çünkü detaylarla uğraşmak zor olabiliyor. Çünkü admin paneli yok ve herşeyi normal dosyalardan yapmak zorunda kalıyorsunuz.

Jekyll kullanacak arkadaşlar varsa şu eklentiyi vereyim, bu eklentiyi github üzerinde kullanmayın localde kullanın. Admin paneli sağlıyor size.

https://github.com/jekyll/jekyll-admin 		hocam güzel şeylere değindiniz,
hocam öncelikle private repo'da tutuyorum, sende orda tutarsan sitene dair kodlarını kimse göremez örneğin github linkim https://github.com/erdemoflaz/ ve burada https://erdemoflaz.com/ siteme ait dosyaları göremeyeceksin, repoyu private a çekmekle bu sorun çözülüyor (tek tık)

Admin paneli evet yok fakat blog paylaşımı için admin paneline de ne kadar gerek var tartışılır 

local makineden blogumu yazıyorum ve git add . git commit git push diyerek hoop repoya sallıyorum, 2 saniye içinde yayında

FSahin · Answer

erdemoflaz adlı üyeden alıntı:						mesajı görüntüle									hocam güzel şeylere değindiniz,
hocam öncelikle private repo'da tutuyorum, sende orda tutarsan sitene dair kodlarını kimse göremez örneğin github linkim https://github.com/erdemoflaz/ ve burada https://erdemoflaz.com/ siteme ait dosyaları göremeyeceksin, repoyu private a çekmekle bu sorun çözülüyor (tek tık)

Admin paneli evet yok fakat blog paylaşımı için admin paneline de ne kadar gerek var tartışılır 

local makineden blogumu yazıyorum ve git add . git commit git push diyerek hoop repoya sallıyorum, 2 saniye içinde yayında  		Ben normal blog değilde film teması yapmıştım hocam. Private yapabilmek için aylık ücret vardı o da sanırım 7 dolardı.

SeoCaddesi · Answer

Gerçekten çok hızlı site. Bilgi için link koymuşsunuz ama ben giremedim.

ArdaEgridere · Answer

gerçekten uçuyor iphone misali

BySeco · Answer

Hocam sitede açılışı yavaşlatacak bir içerik yok ki hızlı olması çok normal yani

thanatos · Answer

Tebrik ederim gerçekten başarılı

turanozturk · Answer

Çok iyi ve çok hızlı kutlarım.

instads · Answer

Opera'da sürekli yükleniyor oluyor.

Hunper · Answer

Sadece linklerden oluşan bir sayfa, kendi türünde sayfalar ile kıyaslamak lazım tutupda bu siteyi full resim video olan bir siteyle kıyaslayamazsınız. Ama yine de oldukça hızlı tebrik ederim.

yasina · Answer

Öncelik ile bu güzel paylaşım için konu açan arkadaşa çok teşekkür ederim. Benimde çok ilgimi çekti. Blogger kullanıyorum aslında memnunum ama bu alt yapı beni cezbetti.

Meraklı arkadaşlar için bu videoyu izlemelerini tavsiye ederim.

https://www.youtube.com/watch?v=orhiYASsuJQ

TahsinCetinkaya · Answer

BySeco adlı üyeden alıntı:						mesajı görüntüle									Hocam sitede açılışı yavaşlatacak bir içerik yok ki hızlı olması çok normal yani  		resimlerle donatsın, günlük hava döviz vs eklesin sidebar vs, fotora da çaksın iki üç bileşen 
Ozaman görelim diyorsun yani