Web sayfalarının nasıl hızlandırılacağına dair teknik olmayan kılavuz yükleme süresi
Web sitenizi oluşturdunuz, analitik üzerinden trafik alırsınız, ancak beklediğiniz fayda türlerini alamazsınız. Tekrarlanan ziyaretçi seviyeniz düşük olabilir ve sitedeki insanlar tarafından harcanan zaman faiz veya katılım göstermez. Olası bir neden, web sitenizi yükleme hızı veya zamanıdır.
Sayfanın yayınlanmasını ne zamandır beklemeye hazırsınız? Hangi noktada “Zaten Yeterince” diyorsunuz, sekmeyi kapattı ve başka bir yere tıklayın? Araştırmaya göre, sayfanın açılış saatinde bir saniyede bir artış, dönüşüm ve eksik satışlarda% 7 ile ilişkili olurken, siteyi ziyaret eden kişilerin% 40’ı üç saniyeden fazla içeriyorsa bırakacaktır.WP Buffs’taki ekibimiz, web sitesi sahiplerine, ajans ortaklarına ve Freelancer ortaklarına sayfa yükleme sürelerini hızlandırmasına yardımcı olur. 1 web sitesini yönetmemize veya 1000 istemci sitesini desteklememize ihtiyacınız var mı, sizi destekliyoruz.
Bir web sitesi işleten biri olarak, hızın büyük bir etkisi olduğunu söyleyebilirim! Neyse ki, WordPress sitenizde yavaş yükleme süresinin üstesinden gelmek için yapabileceğiniz bazı şeyler var. Bu ipuçlarının bazıları özellikle WordPress içindir, diğerleri ise daha genel olarak kullanılabilir. Tanım Başlamadan önce, tüm bu yönergelerde kullanacağımız birkaç temel terim vardır. Önce onları örtelim.
İlk bayt (TTFB) zamanı: Ziyaretçilerin web sitenizden ilk küçük bilgileri alması için ihtiyaç duyulan süre. Bu genellikle ana bilgisayarınızdan ve herhangi bir bilgi gönderilmeden önce çalıştırılması gereken kod sayısı (eklentiler + temalar) tarafından etkilenir.
Başlangıç / İlk Görülme: Sitenizin içeriği ziyaretçiler tarafından ilk görülmeye başladığında (genellikle önce metin, ardından resimler). Yükleme süresi: Yükleme süresi, sitenizin tüm metinler, resimler dahil ne kadar sürmesi gerektiğidir. , yazı tipleri ve komut dosyası.
İstek: İstek, siteniz tarafından aranan ve yüklenen dosya sayısıdır. Bu, dahili (sitenizle aynı sunucuda barındırılır) veya harici (Google’dan yazı tipi dosyaları gibi) olabilir. Genel olarak, bu daha düşük miktar tercih edilir.
Başlamadan önce başlamadan önce, siteniz için ilk ölçütü almanızı öneririm, böylece gelişmeyi ölçebilirsiniz. Bu araçlar ayrıca geliştirilmesi gereken belirli alanlar için size geri bildirim verecektir. Bugün aşağıdaki üç aracı kullanacağız:
Gtmetrix
Webpagetest.org
Google PagePeed Insight
Sitenizi her birinden çalıştırın ve sonuçları işaretleyin. Ayrıca sitenizin yedeklenmesini veya mümkünse test sunucusunda çalışmanızı şiddetle tavsiye ederim. Herhangi bir web sitesi gibi, dikkatli değilseniz hatalara neden olma potansiyeli vardır ve mevcut yedekleme her zaman huzur için iyidir. Yavaş sitelerin (ve onarımı) nedenleri, web sitesindeki en büyük resim ve video dosyasının boyutunu optimize eder / değiştirir ve böylece en son görüntüler ve videolardır. Görüntülerle çalışırken sitenizi hızlandırmaya yardımcı olmak için izleyebileceğiniz bazı basit ipuçları vardır.
Görüntü boyutunuzu değiştirin. Sitenizi görün ve her görüntüyü nasıl kullandığınızı görün. Logonuz sadece sitenizin küçük bir köşesini alıyor mu? O zaman bu kadar çözüme ihtiyacınız yok. Fotoğrafınızı herhangi bir fotoğraf düzenleme yazılımında açın ve boyutu daha uygun bir şeye değiştirin. Bu, sayfanızın açılış süresini önemli ölçüde azaltabilir. Görüntülerinizi ve videolarınızı sıkıştırır ve optimize edin. Görüntünün boyutunu değiştirdikten sonra, herhangi bir kalite kaybetmeden optimize edebilirsiniz. Resimlere dayalı olarak görüntülere dayalı olarak optimize etmek için compressor.io gibi birkaç ücretsiz web sitesi vardır.
Bunu otomatik olarak işlemek için kullanabileceğiniz bazı eklentiler de vardır. Bunların çoğu ayda belirlenen miktar için ücretsiz ve daha sonra nispeten ucuz. Tinypng tarafından Tiny Conspress Görüntüleri eklentisini kişisel olarak seviyorum, çünkü bu eklenti ayrıca ücretsiz sürümde yüklenen dosyaların sıkıştırılmasını da içeriyor.
CDN Sitenizde uzun mesafe yüklemeyi hızlandırmak için sitenizin küresel bir aralığı varsa CDN’yi görmeyi düşünün. CDN, dünyanın dört bir yanındaki sunuculara statik içeriğinizin (resimler, komut dosyaları ve videolar) bir kopyasını yerleştirerek çalışır. Ziyaretçiler sitenize geldiğinde, varlıklar en yakın sunucudan sunulur ve dosya iletildiğinde gecikmeyi azaltır. Sitenizin dünya çapında okunmasını umuyorsanız, CloudFlare ile ücretsiz hesap başlamak için mükemmeldir. Siteniz yalnızca yerel ise, aslında sitenizi açık süreyi artırabilir, bu nedenle bazı testler gerekebilir.
Kodunuzu ve Kodunuzu Dağıtımını Optimize edin Bloating’i silin İlk olarak, şu anda yüklediğiniz eklentiye bakın. Onsuz yapabileceğin bir şey var mı? Eğer öyleyse, sil. Özelliklerin sadece küçük bir bölümünü kullandığınız bir eklenti var mı? Bu, daha küçük ve daha hedeflenmiş bir eklenti ile değiştirilmesi için iyi bir adaydır. Temanız ne kadar? WordPress temanızın bir demo sayfası varsa, demoyu yukarıdaki test sitesinden çalıştırın. Skor çok kötüyse, diğer temalara geçmek için değişimi düşünün.
Onsuz yapabileceğiniz harici bir kaynak var mı? Facebook sayfanızda 15 komut dosyası içeriyorsa, aynı hedefe ulaşmanın bir yolu var mı? Ya da belki de her seferinde Google’dan indirmek yerine yerel olarak barındırılan bir yazı tipi dosyası kullanarak görmek istersiniz.
İçeriğinizi optimize edin ve sunun Kalan CSS ve JavaScript dosyalarını birleştirerek ve daraltarak başlayacağız. Siteniz tarafından yapılan istek sayısını azaltan ve bunları en aza indiren dosyaları birleştirerek İndirilmesi gereken dosyanın boyutunu azaltarak toplam sayfanızı yükleyin.
Bunu yapmak için AutoPtimize eklentisini yükleyip etkinleştireceğiz. Etkinleştirdiğinizde, gösterge tablosundaki seçenek menüsünün altındaki sayfayı açın ve HTML, CSS ve JavaScript için optimizasyonu etkinleştirin. Ayrıca, tüm CSS komut dosyalarının ve dosyalarının önbellek olmasını sağlamak için kuyruk silme dizesini statik kaynaklardan yüklemek istersiniz. Sadece bunu kurup etkinleştirin, yapılandırmaya gerek yok. Not: Otomatik optimizasyon bazen eklentilere veya bazı JavaScript tabanlı özelliklere neden olur. Kurulduktan sonra bir şeyler çalışmayı bırakırsa panik yapmayın, çünkü burada kalıcı bir şey yoktur. Sorun bu ise, eklenti ayar sayfasında, “Gelişmiş Ayarları Göster” i tıklayabilir ve ardından söz konusu dosyayı JavaScript altındaki “EXALLE” listesine ekleyebilirsiniz. Bu bölüm bazı deneme yanılma gerektirebilir. Değişiklikler olduğunda, “Önbelleği Kaydet ve Sil” i tıkladığınızdan emin olun. Ardından, JavaScript’i altbilgiye erteleyeceğiz. Bu, JavaScript’in sayfa içeriğinden sonra yüklenmesine neden olur, böylece kullanıcılar komut dosyası arka planda yüklendiğinde okumaya başlayabilir. Bunun için JavaScript Async eklentisini kullanacağız. Yükledikten ve etkinleştirdikten sonra, her şeyin “geciktirilmesi” için düzenlendiğinden emin olmalısınız ve altta AutOptimize desteğini etkinleştirdiğinizden emin olun. Aynı not, AutoPtimize ile aynı şekilde geçerlidir: Bir şey hasar görürse, istisna listesine ekleyebilirsiniz. Bu deneme yanılma gerektirebilir.
Burada atacağımız son adım bir önbellek eklentisi hazırlamaktır. Sitenizi ziyaret ettikten sonra, önbellek eklentisi sayfanızın statik bir kopyasını oluşturur. Bu statik kopya gelecekteki ziyaretçilere sunulur, gerekli tüm kaynak kodu hesaplamalarını geçirir ve bir sonraki sayfanın yüklenmesini hızlandırır. Burada avantajları ve dezavantajları olan birçok seçenek var. Şahsen, sadece yüklediğiniz ve etkinleştirdiğiniz ve varsayılan ayarların düzgün çalıştığı Cachify’ı seviyorum. Not: Her şey depolandığından (varsayılan olarak 12 saat boyunca), bazen önbelleği daha önce yeniden yüklemek istersiniz, özellikle de yaparsanız Makaleler düzenleme veya yayınlama gibi şeyler. Önbellek sayfayı gönderirken önbelleği otomatik olarak temizleyin, ancak düzenlediğinizde, yönetici çubuğunun sağ üst ucundaki çöp kutusunu tıklayarak silmeniz gerekebilir. Sık sık değişen bir şey varsa (Checkout wooocommerce, vb.) Önbellek ayar sayfasındaki önbellek sayfalarını da hariç tutabilirsiniz. Sunucu ayarlarınızı optimize edin
Bu bölüm gerçekten kişisel barındırma durumunuza bağlıdır. Bu seçeneklerin tümü tüm ana bilgisayarlar için mevcut olmayacaktır. Emin değilseniz, barındırma sağlayıcınızla iletişime geçeceğim. Bu, çoğunlukla ilk bayt için zamanı ve GZIP ve dosya son kullanma ayarları gibi bazı seçenekleri etkileyecektir. Ev sahibiniz bu soruyu isteklerinize göre cevaplayamazsa veya diğer adımları tamamladıktan sonra hala yavaş bir TTFB (WebPagetest) alırsanız, belki de yeni bir ana bilgisayara geçmeyi düşünmenin zamanı gelmiştir. Ana bilgisayarınızın minimum PHP 5.6 veya tercih edilen PHP 7 çalıştırmasını sağlayacağım (5.x’den fazla hızda önemli bir artışla). PHP 7, varsayılan PHP tarafı PHP sunucusu önbelleğini etkinleştirir (bu Cachify ile iyi çalışır). GZIP’in sunucu düzeyinde etkinleştirildiğinden emin olmak isteyeceksiniz. Vernik önbelleği ve bu makalenin kapsamı dışındaki diğer yapılandırmalar gibi ayarları kullanarak sitenizin kendisinin yüklenmesini hızlandırmak için başka seçenekler de vardır. Apache’yi web sunucunuz olarak kullanıyorsanız, ana WordPress site klasörünüze .htaccess dosyalarını yerleştirebilirsiniz (veya değiştirebilirsiniz). Aşağıda, tüm site içeriğiniz için son kullanma başlığını etkinleştirmek için bir ayar bulunmaktadır. Bu, ziyaretçinin bilgisayarına belirli bir süre geçene kadar resimler, komut dosyaları vb. Gibi şeyleri indirmemesini söyler. Bu, bir sonraki ziyaretin daha hızlı yüklenmesi için değişmeyecek şeyler için çok kullanışlıdır. Veya basitleştirmek istiyorsanız, tam yönetilen WordPress barındırmasına yükseltin.
Bu daha büyük bir yatırımdır, ancak barındırma sağlayıcınız tüm bunları sizin için halledecektir. Bu sarma, sitenizi yavaşlatabilecek önemli bir sorundur. Her zaman daha fazla iyileştirme için yer vardır, ancak bu size iyi bir başlangıç yapacaktır. Daha önce kullandığımız hız testi sitesinde sadece birkaç uyarı: sunmak istediğiniz özellikleri felç etmeden belirli bir hız testi sitesinde% 100 elde etmek için yapılamaz (veya hatta istenemez). Bunun yerine, kaliteden ödün vermeden alabileceğiniz en hızlı hızı hedefleyin.
Her site farklı şeyleri test eder ve farklı şekillerde ölçer. Mektup değeri veya yüzde için endişelenmeyin. Bunun yerine, mümkün olduğunca çok kategori üzerinde çalıştığınızdan emin olun ve emin olun. Çok önemli kısım TTFB, başlatma ve yükleme süresidir, çünkü ziyaretçilerin sonunda göreceği şey budur. Cevabınızı vermek mi yoksa sohbete katılmak ister misiniz? Twitter’a yorumlarınızı ekleyin. Kaydet
