WordPress sitenizi hızlandırmanın 10 kolay yolu [vaka çalışması]
Birçok unsur web sitesini başarılı kılar: tasarım, içerik, SEO, hücresel dostluk – sadece birkaç tanesi. Ancak, zaman zaman giderek daha önemli olan bir şey, web sitesinin hızıdır. Tüketiciler sabırsız. Web sitesi yüklenmesi çok uzun sürerse, başkalarına yönelirler. Kaşıntılı ayaklardan ne kadar önce? İki saniye, hepsi bu. Bu sorun, çoğu ziyaretçinin genellikle masaüstü ve dizüstü bilgisayarlardan daha yavaş bir veri bağlantısı olan mobil cihazları kullanmasıyla daha da kötüleşir. Sonuç olarak, WordPress kullanıcıları sitelerini mümkün olduğunca çabuk yapmakta zorluk çekiyorlar. Bununla birlikte, bunu yapmak çok fazla teknik bilgi gerektiren korkutucu bir görev gibi görünebilir.
Erişmeyi kolaylaştırmak için, bu makalede size WordPress sitenizi daha hızlı oluşturmanın bazı basit yollarını göstereceğiz. Ancak, size ne yapacağınızı söylemek yerine, her şeyi pratik örneklerle göstereceğiz. Aşağıda, kendi web sitemi hızlandırmaya çalışacağım ve önceki ve sonrası sonuçlar da dahil olmak üzere her adımı göstereceğim. Hadi devam edelim. Önce ilk şey: WordPress sitenizi hızlandırma sürecinde yedekleyin, çevrimdışı yapma veya hasar verme potansiyeline sahip şeyler yapabilirsiniz. Bu nedenle, web sitemizde büyük değişiklikler yapmaya çalışırken her zaman yapmamız gereken şeylerle başlayacağız: rezerve edin.
Yeni rezervlerle, bir hata durumunda önceki duruma dönebilirsiniz. İlk adım olarak, web sitemi ve veritabanı dosyamı indirdim. Eğer takip ederseniz, aynı şeyi yapmanızı tavsiye ederim. Manuel olarak mı yoksa eklenti aracılığıyla mı yapıyorsunuz? Adım 1: Hasarın Değeri Ayrıldıktan sonra, kendimiz için ne kadar iş yaptığımızı kontrol etmenin zamanı geldi. Bu, mevcut sitenin performansının hız yükleme sayfaları açısından nasıl olduğunu görmek anlamına gelir. Yalnızca önce/sonra verileriniz varsa, eylemlerinizin bir fark yaratıp yaratmadığını görebilirsiniz. Zorlukları değerlendirmek için bu aracı kullanıyorum:
Pingdom
Gtmetrix
Google PagePeed Insight
Sitenin performansını nasıl değerlendirdiklerini görmek için URL’mi bu sitelerin her birine girdikten sonra, GTMetrix’in değerlendirmesi oldukça zor:
Diğer taraftaki pingdom biraz daha dostça bir resmi anlatıyor:
Önbellek tarayıcısından yararlanın
HTTP taleplerini azaltın
En iyi parodaki JavaScript ve CSS’yi ortadan kaldırın
Görüntüleri optimize et
Sol CSS ve JavaScript
Sunucu yanıt süresini azaltın
Tamam, şimdi neyle karşılaştığımı öğrendikten sonra, soru ne kadar uygulayabileceğim. İlk olarak, bahar temizliği zamanı. Adım 2: Ayrıldığında dikkat ettiğim şeylerden birine ihtiyaç duymayan eklentileri ve temaları silin, çok fazla dosyam olması. Bu genellikle sitede kullanmadığım birkaç eklenti olduğunun bir işaretidir. Sorun: Birçok eklenti, birisi her görmek istediğinde yayınlanan sitenin başlığına bir şeyler ekler. Yukarıda gördüğümüz gibi, HTTP’nin isteği siteyi gerçekten yavaşlatabilecek şeylerden biri, bu yüzden ilk adımım eklentiler listesine girmek ve sıralamak. Bazen. Benim durumumda, bu beş eklentiyi kaldırıyor. Yaparken, artık ihtiyacım olmayan bir şey olup olmadığını görmek için tema menümde de kısaca durdum. Tabii ki, ayrılmadan önce tüm bunları yapmak da mantıklı, ama iyileştirmeden önce ve sonra net bir resim istiyorum. Adım 3: Eklenti Performans Profilini çalıştırın, onsuz hangi eklentiyi kullanabileceğinizden emin değilseniz, performans profili eklentisi yardımcı olacaktır. Bu, adından da anlaşılacağı gibi, eklentileri performans açısından taramak ve sitenizi yavaşlatan eklentileri belirlemek için kullanışlı bir eklentidir.
Son güncellemeden bu yana iki yıl geçmiş olsa da, eklenti hala çalışıyor gibi görünüyor. Sadece sitenize yükleyin ve ardından Tools> P3 Eklenti Profiler altında taramaya başlayın. Bu, her eklentinin ne kadar yüklenmesi gerektiğine dair ayrıntılar verir.
Hangi eklentinin sitenizi yavaşlattığını tam olarak öğrendikten sonra, tamamen silebilir veya alternatifler arayabilirsiniz. Benim durumumda, eklenti sayfamın yüklenmesine neredeyse bir saniye ekledi. Bu oldukça fazla ve bu sayıyı azaltmanın yollarını bulmam gerekiyor. Sitemdeki analitikleri nadiren kontrol ettiğim için, gerçekten bir mum boya sözdizimine ihtiyacım olmadığını ve WordPress için Google Analytics’ten de kurtulabileceğini fark ettim. Gelecek için, özel yazımın sert kodlama türünü de düşüneceğim, böylece artık tüm tip eklentisini yüklemek zorunda kalmam, ancak başka bir zaman için bir adım. Adım 4: Sonraki her şeyi güncelleyin, iyileştirme zamanı. WordPress, temaları ve eklentileri korumak, en son özelliklere erişmenizi sağlamakla kalmaz, aynı zamanda herhangi bir hızda bir artıştan yararlanmanızı sağlar. Görünüşe göre, sitemin bazı olağanüstü eklenti güncellemeleri var ve ayrıca en son WordPress sürümüne güncellemedim, bu yüzden Dashboard> güncellemelerde kullanıyorum. Güncelleme aynı zamanda erken yedeklemenin ana nedenlerinden biridir. Bazen bu durumda işlem sırasında yanlış bir şey olur. Sitenizin bir kopyasını almak her zaman daha iyidir.
Güncelleme tamamlandıktan sonra, devam etmeden önce güncellemeden önce her şeyin benzer göründüğünden emin olmak için site ön uç çevresinde hızlı bir inceleme yaptım. Görünüşe göre, en son WordPress sürümüyle çalışmak için bir tema güncellemesine de ihtiyacım var, bu yüzden hızlı bir şekilde yapıyorum. Adım 5: Veritabanınızı optimize edin, çünkü web sitesinin yarısını ele aldığımız için, şimdi diğer yarıya – veritabanına geçme zamanı. Veritabanını temizleme hakkındaki makalemizi okuduysanız, zamanla çok fazla ölü ağırlık yaratabileceğini bilebilirsiniz. Bu olduğunda, bu herhangi bir web sitesi isteği için veri toplama yavaşlatabilir. Veritabanını optimize etmek için, yukarıdaki makalede de belirtilen WP Optimize eklentisini kullanıyorum. Bu, veri ek yükünün veritabanı tablosundan ve eski ve daha fazla gönderinin revizyonu gibi gereksiz girişlerden çıkarılmasına yardımcı olabilir. Bunu yapmak veritabanımda sadece 200MB’den fazla yayınlamakla kalmaz, aynı zamanda sitedeki eklentilerden birinin gerçekten şiştiğini ve değiştirmem gerektiğini fark etmemi sağlıyor. Bunu yaparken, gelecekte çok büyük büyümeyecek şekilde veritabanımı tutmak için WordPress tarafından yapılan gönderinin revizyon sayısını da sınırlıyorum. Veritabanının temizlenmesi ile ilgili bir yayında nasıl yapılacağı hakkında talimatlar da bulabilirsiniz.
Adım 6: Optimize Etme, özellikle web sitem ana sayfam gibi görsellerden oluşuyorsa, genellikle herhangi bir web sayfasının en büyük parçası haline gelir. Bunun için görüntülerin mümkün olduğunca optimize edilmesi gerekir. Bu, özellikle mobil sürüm için, Google PagesPeed Insights tarafından siteme verilen önerilerden biridir. Genel olarak, görüntüleri optimize etmenin birkaç yolu vardır. Birincisi, yalnızca sitenizde görünmek için gerektiği kadar bir görüntü kullanmaktır. WordPress’in yüklediğiniz her bir görselin birkaç sürümünü yapmasının nedeni de budur, böylece mümkün olan en küçük olanı kullanabilirsiniz. Görüntünün boyutunu azaltmanın ikinci yolu sıkıştırma kullanmaktır. Bu, gereksiz verilerin atılması anlamına gelir. Tinypng gibi hizmetleri veya bunu yapmak için smush.it gibi eklentiler kullanabilirsiniz. Photoshop ile yaptığımda resmimi sıkıştırdım. Performanslarını denemeye ve geliştirmeye devam etmek için bir jakuzi foton vermeye karar verdim. Photon, Jetpack’teki modüllerden biridir (sitemde zaten var olan eklentiler), tarayıcıya sadece ihtiyaç duydukları görüntünün boyutunda ve daha hızlı teslimat için içerik nakliye ağındaki en mantık görseller sunmayı vaat ediyor. Bununla ilgili gerçek bir deneyimim yok, bu yüzden ondan ne çıktığını görmek eğlenceli olacak. Adım 7:
Sıkıştırmayı iyi etkinleştirin, şimdi tüm temel bilgileri tartıştık, şimdi daha fazla teknik şeyleri tartışmanın zamanı geldi. Her şeyden önce, GZIP sıkıştırmasını etkinleştirmek istiyorum. Tıpkı bilgisayarınızda olduğu gibi, bu, daha küçük hale getirmek için dosyaları fermuarlama anlamına gelir, böylece tarayıcı indirmek için daha az zaman gerektirir. WordPress’te GZIP sıkıştırmasını nasıl etkinleştireceğimiz hakkında zaten bir makalemiz var, bu yüzden burada her şeyi tekrarlamayacağım. Makale sayesinde, sıkıştırmayı sağlanan kodu kopyalamak ve dosyaya eklemek kadar kolay etkinleştirin. sunucumda htaccess. Kaydet ve bitir. Adım 8: Önbellek Tarayıcıyı Etkinleştir Sitemi hızlandırmanın en sık önerilen yollarından biri önbellek tarayıcısını etkinleştirmektir. Önbellek tarayıcısı temel olarak ziyaretçilerinizin tarayıcısına sitenin bölümlerini sabit disklerde saklamalarını söylemek anlamına gelir. Bu şekilde, değişmeyecek büyük olasılıkla başka bir zamanda tekrar kullanılabilir ve artık indirilmesine gerek yoktur. WordPress’te birkaç önbellek eklentisi seçeneğiniz var, en ünlü W3 Total Cache ve WP Super Cache. Her ikisi de web sitesi önbellekleme için gereken her şeyi yapabilir. WP Super Cache’nin yeni başlayansanız daha kullanıcı dostu olduğu söylenir. Zaman zaman biraz daha teknik almak istediğim için, kodu Daniel Pataki’nin tarayıcı önbelleğini nasıl kullanacağı ve .htaccess dosyama nasıl koyacağınız konusunda çok iyi olan makalesinden kopyalamayı seçtim (kodu koydum Sıkıştırma GZIP’i etkinleştirmek için). Kolay. Adım 9:
Daha küçük ve tarayıcı tarafından yapılan HTTP isteklerinin sayısını azaltmanın en iyi yollarından birini birleştirin. Bu kelimeler yalnızca dosyadaki tüm formatörlerin kaldırılması, insanlar (boşluklar, eğriler, yorumlar ve makine tarafından ihtiyaç duymayan her şey) tarafından okunabilir ve bunları bir araya getirebilir. Sonuç olarak, tarayıcı, sitenin yüklenebilmesi için daha az ve daha küçük dosya indirmelidir. Bunu sizin için yapmak için umut verici bir eklenti, sitem için denemek istediğim otomatiktim. Bu, eklenti tarafından optimize edilmek istediğinizi yüklemek ve seçmek kadar kolaydır. Adım 10: Çoğu küçük şeylere dikkat edin. Daha büyük sorunlarla uğraştık. Şimdi, kalan tek şey hangi küçük şeylerin öne çıktığını görmek için bir şelale diyagramı görmek. Örneğin, logo.png adlı eksik bir dosya olduğunu fark ettim.
Dosyayı yerine döndürerek düzeltiyorum, böylece gereksiz bekleme süresini ortadan kaldırıyorum. Ayrıca, sadece birini kullanmama rağmen sitemde bazı yazı tipi stilleri içerdiğimi fark ettim. Bu işlevde hızlı bir şekilde geliştirilebilir.php. Davul rulolarının nihai sonucu! Sonuçlara hazır mısınız? Hareket, onu ortadan kaldırmak için cinsel şiddeti ortaya çıkarır. Burada:
Pingdom’da sitem 82’den 90’a değişti ve yükleme süresini neredeyse bir saniye azalttı. Aynı zamanda, sayfa boyutu neredeyse yarısı azalır ve sunucuya gönderilen talep azalır 12.
Benzer GtMetrix görüntüleri.Bu site D ve E’den sağlam bir B sırasına değişir.Sayfanın açılması gerçekten artarken, GTMetrix de sayfa boyutu ve talepte bir azalma gösterdi.Yaklaşık bir saatlik iş için fena değil, değil mi?Bununla birlikte, hala geliştirilmesi ve şelaleye geri dönmesi gereken çok şey var, bir sonraki adımın ne olması gerektiğini görüyoruz:
