logo

Hızlı Bir WordPress Sitesi Tavsiyeleri

Hızlı Bir WordPress Sitesi Yapmak

 

Bloguma böyle zor bir konuyla başlayacağımı tahmin etseydim muhtemelen bunu iki-üç defa daha düşünürdüm =)

Ama madem başladım yazmaya, siz de madem okumaya geldiniz devam edelim öyleyse. Öncelikle kötü haberi vereyim, bu bir “WordPress sayfası nasıl açılır? Nasıl tasarlanır? Web sitesi nasıl yapılır? Hangi bilgilere ihtiyaç vardır?” yazısı değil. Eğer bunlarla ilgili kaynakça arıyorsanız internette bu konularda her dilde bolca içerik var. Ben belki bunlar hakkında küçük ipuçları verebilirim. Esas amacım ise kendi sayfamı hızlandırırken edindiğim deneyimleri paylaşmak.

Bu kadar intro yeter bence, konumuza geri dönelim.

Kısa senaryo şöyle:

Zamanında amcaoğlunuza bir web sayfası tasarımı yaptırmıştınız ama sayfanız bir türlü istediğiniz etkiyi yaratamadı. Siz de “Neden?” diye sormaya başladınız ve olaylar gelişti…

Benim senaryom ise daha çok şöyle:

Galaktik bir takım anomaliler sebebi ile kendinize, markanıza veya şirketinize bir web sayfası yapmaya karar verdiniz. Bunun hemen ardından, HTML, CSS, Javascript veya başka çeşitli yazılım dilleri öğrenmek için zaman ayıramayacağınızı, Wix gibi hazır web sitesi sağlayıcılarının sunduklarındansa daha fazlasını aradığınızı fark ettiniz.  İş böyle olunca yolunuz bir yerde WordPress ile ve kendi sayfanızda görmek isteyeceğiniz temalarla kesişti.

Tüm teknik ve görsel detayları ile beğendiğiniz temayı tartıp içinize sindiği an satın al’a bastınız, test veya yerel sunucunuzdaki sayfanızda WP’e yüklediniz. Temanın kurallarını öğrenmeye, deneme-yanılmalar yapmaya başladınız. Nitekim kurulumu ve uygulaması kolay bir tema seçtiyseniz şanslınız; ama benim bu sayfada kullandığım gibi 132 sayfa dokümanla geliyorsa kahve makinenizi yanınızdan eksik etmeyin. Her şey tamam, aklınızdaki tasarımı oluşturdunuz, web sayfalarını bitirdiniz. İnternet siteniz artık online olup sanal aleme “Hello!” demeye hazır ve… Bir dakika o da ne? Sayfanın yüklenmesi niye hala bu kadar uzun sürüyor? Neden???

Sorun

İşte bu sorunun cevabı web sitenizdeki ve web serverınızdaki onlarca farklı şeye bağlı.  En büyük etkiyi uyandıranlar genellikle optimize edilmemiş görseller, css js gibi uzantılara sahip kod dosyalarının küçültülmemiş olması (minify/uglify), sayfa önyüklemelerinin kullanılmıyor olması,  veri aktarımı için sıkıştırmanın aktifleştirilmemiş olması, fazla sayıda kodlama dosyası sorgusundan gecikmeler ve açılış sayfalarındaki yeniden yönlendirmelerdir. Aslında bunlara daha çokça örnek yazılabilir. Ama sizin sayfanızdaki sorunun ne olduğunu öğrenmek istiyorsanız, işe doğru bir analiz ile başlanması gerekiyor. GTmetrix ve GooglePage Insights size bu konuda hızlı ve detaylı bir rapor çıkartabiliyor. Nerelerde düzeltilmesi gereken unsurlar olduğunu buradan yola çıkarak öğrenebiliyorsunuz. Evet, çok güzel kaynaklar ve işinizi kolaylaştırıyorlar ama aynı zamanda bol bol mesai harcamanıza sebep oluyorlar.

WordPress dünyasında eklentiler sayesinde hayat daha kolay olsa da yine de kolları sıvayıp elle kod düzeltmenizin gerektiği durumlarla da sıkça karşılaşmanız mümkün. Temanız ve içeriğiniz ne kadar optimize edilmişse bu durumlarla o kadar az karşılaşıyorsunuz gerçi. Burada ara verip şunu söylemeliyim “Neredeyse hiç bir gerçek web sayfası her konuda tam puan alamaz“. Google bile sadece kendi kriterlerinde kendi sayfasına tam not vermiş durumda. Halbuki google.com’u GTmetrix’te analiz ederseniz farklı kriterlerden dolayı puanı daha düşük çıkacaktır.

Özetle sitenizin hızını arttırma konusunda genel ve tek bir sihirli çözüm yok maalesef. Sorunları teşhis ettikten sonra o sorunlara yönelik çözümler bulmanız gerekiyor. Her birini, birbirinden farklı hastalık çeşitleri olarak düşünün ve hepsinin ortak semptomu sayfa hızını yavaşlatmak olsun. Her hastalığın ayrı ilacı var doğal olarak ama ilaçlar da bazen büyük yan etkiler ortaya çıkartabiliyor.

hızlı bir wordpress sitesi yapmak, Hız testi, sayfa hızlandırma, hızlandırma çalışması, yslow, google pagespeed, speedtest, grafik, gtmetricsi hız skoru, optimizasyon, mobil hız testi, wordpress test, hız testi mobil, google analitik, google analiz, hazır temalar, en iyi wordpress siteleri, mobil internet hız testi, sayfa tasarımı nasıl yapılır, internet hız testi mobil, iş analizi, wordpress en iyi tema, wix web, örnek wordpress siteleri, wordpress tema tasarımı, wordpress hazır tema, google web sayfası, wordpress seo tema, bir web sitesi nasıl yapılır, wordpress site tasarımı nasıl yapılır, wordpress profesyonel tema, seo test, web sitesi yazılım, web sitesi kodlama nasıl yapılır, wordpress ile web sitesi yapmak, web sitesi kodları, nasıl internet sitesi açılır, mobil web sitesi nasıl yapılır, örnek web sayfaları, internet siteleri isimleri, wordpress ile web sitesi nasıl yapılır, en güzel web siteleri, html web sitesi yapma, nasıl web sitesi açılır, internet sayfası, internet sayfası nasıl yapılır, internet sitesi tasarımı nasıl yapılır, google seo test, internet sayfası nasıl açılır, web tasarım kodları, internet sayfası yapma, web sitesi yapma kodları, web sitesi nasıl açılır, web sitesi nasıl tasarlanır, haber sitesi yapmak, video sitesi yapmak, web sayfası nasıl açılır, hızlı internet, web sayfası nasıl yapılır, web tasarım örnekleri, blog web sitesi nasıl yapılır, blog sitesi yapma, web sitesi yapmak için gerekenler, internet web sitesi, nasıl internet sitesi yapılır, internet sitesi nasıl açılır, web sayfası yap, wordpress tasarım, basit internet sitesi nasıl yapılır, hazır wordpress siteleri, wordpress web sitesi nasıl yapılır, en hızlı internet, web tasarım hizmetleri, website tasarımı, web sitesi nasıl yapılır, web sitesi tasarımı nasıl yapılır, wep sitesi nasıl yapılır, web sitesi örnekleri, örnek web siteleri, wordpress site tasarımı, web tasarımı yapma, internet sitesi, internet sitesi nasıl yapılır, wep sayfası nasıl yapılır, hazır site tasarımları, internet sitesi temaları, profesyonel web sitesi nasıl yapılır, nasıl web sitesi yapılır, en iyi web siteleri, haber sitesi teması, web sayfası yapma, web sitesi tasarımı yapmak, web sitesi yapılır, web sitesi yapmak, kolay web sitesi, web sitesi temaları, internetten iş, haber sitesi yazılımı, kolay internet sitesi, wordpress web sitesi, wordpress web sitesi yapma, hazır site yapma, web sitesi tasarımı, hazır internet sitesi, wordpress tema satın al, profesyonel web sitesi, internet sitesi yapma, web sayfası tasarımı, internet sitesi tasarımı, web sitesi yapma, web sitesi yap, kolay web sitesi yapma, web sıtesı yapma, websitesi, internet sitesi yap, en iyi web site tasarımları, hazır web sayfası, online web sitesi tasarımı, online web sitesi yapma, hazır web sitesi, web sitesi kurulumu, internet sitesi kurulumu, web sitesi satın al, web sitesi alma, hazır web sitesi yapma, wordpress web sitesi tasarımı, hazır web sitesi temaları, web site paketi, hazır web sitesi tasarımı, web sitesi ne kadar,

Optimizasyon Tarihçem

Çözüm

En iyi tedavi için eğer web siteniz D, E veya F kategorisinde ise evet, web sitenizin kesinlikle bir bakıma ve optimizasyona ihtiyacı var. Aksi takdirde yavaş açılan bir sayfaya sahip olarak kullanımı sizin için, ziyaretçileriniz için ve hatta serverlar için bile sıkıntılı bir hale getirdiğinizden kimse web sitenizi pek sevmeyecek. Kullanıcıların büyük bir kısmı 4-6 saniye içerisinde yüklenmeyen siteleri anında terk ettiği gibi internetin tanrısı Google’da insanlara ve serverlara yaptığınız bu eziyetten ötürü sizin web sayfanızı cezalandırıp PageRank skorunu düşürecektir elbette. Aramalarda daha az gözükecek sayfanıza hoş geldiniz. Bu yazdıklarım neden sayfa hızı konusunun SEO ile alakalı olduğunu da anlatıyordur zannedersem.

Web siteniz C kategorisinde ise, küçük bir bakım işine girebilir. Zorunlu mu? Bence değil ama hızlı açılan ve çalışan siteler her zaman tercih sebebi olur, arama motorlarında da bu böyle olduğundan doğal olarak sayfanızın ziyaret sayısını etkiler.

A veya B kategorisine girdiyseniz zaten yeterince hızlı bir sayfanız var demektir. Arada sırada, içerikleriniz değiştikçe veya yeni tema/eklentiler yükledikçe belki kontrol etmeniz yeterli olur. Hatta yeni bir temaya geçiyorsanız muhtemelen tüm rakamlar değişecektir. Kesinlikle kontrolünüzü yapın.

Bu konu üzerinde yaklaşık 5-6 gündür kendi sayfamın replikası üzerinde denemeler yapıyordum. Oldukça yüklü bir açılış sayfam var ve bunları optimize etme kısmı WordPress ve iyi bir tema kullanıyor olsam bile zorlu bir mücadeleye dönüştü bazı zamanlar. Yine de bu uğraş sonucu PageSpeed Skorumu %66(D) ‘dan %90’a (A),  YSlow Skorumu ise %61(D)’den %74’e (C) getirmeyi başardım. Geriye kalan iş ise yaptığım optimizasyonu orijinal web siteme uygulamak.

hızlı bir wordpress sitesi yapmak, Hız testi, sayfa hızlandırma, hızlandırma çalışması, yslow, google pagespeed, speedtest, grafik, gtmetricsi hız skoru, optimizasyon, yüksek hız skoru alma, wordpress optimizasyonu, SEO, test, mobil hız testi, wordpress test, hız testi mobil, google analitik, google analiz, hazır temalar, en iyi wordpress siteleri, mobil internet hız testi, sayfa tasarımı nasıl yapılır, internet hız testi mobil, iş analizi, wordpress en iyi tema, wix web, örnek wordpress siteleri, wordpress tema tasarımı, wordpress hazır tema, google web sayfası, wordpress seo tema, bir web sitesi nasıl yapılır, wordpress site tasarımı nasıl yapılır, wordpress profesyonel tema, seo test, web sitesi yazılım, web sitesi kodlama nasıl yapılır, wordpress ile web sitesi yapmak, web sitesi kodları, nasıl internet sitesi açılır, mobil web sitesi nasıl yapılır, örnek web sayfaları, internet siteleri isimleri, wordpress ile web sitesi nasıl yapılır, en güzel web siteleri, html web sitesi yapma, nasıl web sitesi açılır, internet sayfası, internet sayfası nasıl yapılır, internet sitesi tasarımı nasıl yapılır, google seo test, internet sayfası nasıl açılır, web tasarım kodları, internet sayfası yapma, web sitesi yapma kodları, web sitesi nasıl açılır, web sitesi nasıl tasarlanır, haber sitesi yapmak, video sitesi yapmak, web sayfası nasıl açılır, hızlı internet, web sayfası nasıl yapılır, web tasarım örnekleri, blog web sitesi nasıl yapılır, blog sitesi yapma, web sitesi yapmak için gerekenler, internet web sitesi, nasıl internet sitesi yapılır, internet sitesi nasıl açılır, web sayfası yap, wordpress tasarım, basit internet sitesi nasıl yapılır, hazır wordpress siteleri, wordpress web sitesi nasıl yapılır, en hızlı internet, web tasarım hizmetleri, website tasarımı, web sitesi nasıl yapılır, web sitesi tasarımı nasıl yapılır, wep sitesi nasıl yapılır, web sitesi örnekleri, örnek web siteleri, wordpress site tasarımı, web tasarımı yapma, internet sitesi, internet sitesi nasıl yapılır, wep sayfası nasıl yapılır, hazır site tasarımları, internet sitesi temaları, profesyonel web sitesi nasıl yapılır, nasıl web sitesi yapılır, en iyi web siteleri, haber sitesi teması, web sayfası yapma, web sitesi tasarımı yapmak, web sitesi yapılır, web sitesi yapmak, kolay web sitesi, web sitesi temaları, internetten iş, haber sitesi yazılımı, kolay internet sitesi, wordpress web sitesi, wordpress web sitesi yapma, hazır site yapma, web sitesi tasarımı, hazır internet sitesi, wordpress tema satın al, profesyonel web sitesi, internet sitesi yapma, web sayfası tasarımı, internet sitesi tasarımı, web sitesi yapma, web sitesi yap, kolay web sitesi yapma, web sıtesı yapma, websitesi, internet sitesi yap, en iyi web site tasarımları, hazır web sayfası, online web sitesi tasarımı, online web sitesi yapma, hazır web sitesi, web sitesi kurulumu, internet sitesi kurulumu, web sitesi satın al, web sitesi alma, hazır web sitesi yapma, wordpress web sitesi tasarımı, hazır web sitesi temaları, web site paketi, hazır web sitesi tasarımı, web sitesi ne kadar,

GTmtix’de Aldığım Son Test Rapuru


GÜNCELLEME:

Hızlı bir wordpress sitesi yapmak için yazdığım yazımın sonuna geldim, Test sayfamda edindiğim deneyimleri dün birazcık daha geliştirip gerçek sayfama uyguladım. Sonucu görmek isterseniz buraya tıklayabilirsiniz. Son baktığımda mobil %98 ve desktop %91‘di =). Sorularınız ve hizmet teklifi için bana İletişim  sayfamdan ulaşabilirsiniz.

NOT:

Siz bu yazıyı okurken ben çok uzaklarda olabilirim, henüz replika sayfamda yaptığım optimizasyonu orjiinal sayfamda uygulamamış veya değiştirmiş olabilirim, sayılar screenshottakilerden farklı çıkabilir.

UYARI:

Hunharca yapılan optimizasyon, denemeleri bazı kod çatışmalarına sebebiyet verebilir ve sayfanızdaki bilgileri tamamen kaybetmenize neden olabilir. Bazı durumlarda WordPress yedeklerinizi geri yükleyebileceğiniz ortamınız bile kalmayabilir. O yüzden ne yaptığını bilen birisi ile çalışın ve güncel sunucu yedeklerinizin olduğuna emin olun.

 

 

“Hızlı Bir WordPress Sitesi Yapmak” üzerine 2 yorum

Yorum Bırak

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir