WordPress ve HTTP2: Tüm sorularınız cevaplandı
WordPress sitenizi daha hızlı oluşturmanın yollarını öneren makaleler kaç kez buluyorsunuz? Onlardan bıkmış ve sıkılmış olabilirsiniz. Talihsiz olan, çoğunun aynı eski numaraları tekrar tekrar geri dönüştürmesidir. Sizin için haberlerim var: Kötü haber, WordPress web sitenizi daha hızlı nasıl oluşturacağınızla ilgili başka bir makale. İyi haber şu ki, bu tamamen yeni bir kavram. Buna HTTP/2 denir. HTTP nedir ve neden HTTP/2’ye ihtiyacımız var? Her şeyden önce, HTTP’ye çok aşina olabilirsiniz. Şimdi tam olarak ne anlama geldiğini ve işlevleri tam olarak bilse de, her gün düzinelerce kez kullanabilirsiniz.
Google’ı her ziyaret ettiğinizde. Veya wpmu dev. Ya da WordPress.org temel olarak, HTTP (hipermetin aktarım protokolü için kısa), tarayıcı ve web sunucusunun birbirleriyle iletişim kurma şeklidir. Çok teknik olmayan terimlerle, HTTP, web sunucuları ve istemciler tarafından iletişim kurmak için kullanılan dildir. HTTP’ye çok derin kazmayacağım, nedir ve nasıl çalıştığı. Bunun hakkında daha fazla bilgi edinmek istiyorsanız, Wikipedia sayfasını kontrol edin. HTTP ilk olarak 1991’de resmi olarak 0.9 sürüm olarak belgelenmiştir. Bu 25 yıldan fazla bir süre önce, teknolojide binlerce yıldır.
Not: 1.0 ve 1.1 dahil olmak üzere HTTP’nin birkaç sürümü vardır – Bu makalede HTTP1’i HTTP1.x olarak değerlendireceğim. O zaman, değirmen koşusu web sitenizin şöyle göründüğünü söylemek yeterlidir:
O zamandan beri uzun bir yolculuk yaptık – ve bugün okuduğunuz web sitesi bir web ilerlemesinin bir örneğidir. Standart web sitenizin boyutu, birkaç kilobayttan birkaç megabayt’a kolayca mantar oldu. Bir web sitesi oluşturan gerçek dosya sayısı, yalnızca birkaç veya daha fazla dosyadan normlara değişmiştir. Bu ilerleme ve web sitesini çalıştırmak için gereken dosya boyutu ve sayısında üretilen patlama, HTTP’nin sahip olduğu bir dizi sınırlamayı kötüleştirdi. protokol. Bu sınırlama, web sitelerini yüklemede gecikme (veya yavaş) yaratır. Bu nedenle HTTP/2’ye duyulan ihtiyaç. HTTP/2 temel olarak bu sınırı iyileştirmeyi amaçlayan HTTP protokolünün evrimidir. Aslında, belirtilen ana hedeflerden biri: “… web tarayıcısındaki yükleme sayfalarının hızını artırmak için gecikmeyi azaltın.” – Wikipedia ama HTTP/2’yi çözmek istediğinizi açıklamadan önce, http1.x ile ilgili sorun tam olarak nedir?
HTTP1.X’in sınırlamaları Birkaç paragraftan ve daha fazla bahsettiğim gibi, http1.x, bugün artmaya devam eden web sitesinin karmaşıklığı ve boyutu nedeniyle ortaya çıkan bir dizi kısıtlamaya sahiptir. Çadırın altında web sitesinin ilk günlerde ne göründüğünü görmek için geri dönelim. Bir kez daha bizi ilk günlerde web sitesinin ortaya çıkmasına birkaç yıl geri getiren bu web sitesine atıfta bulunursak, tüm web sitesinin iki dosyadan oluştuğunu görebiliriz:
Bu basit web sitesi yalnızca iki dosya gerektirir. Dizin (.html)
Blueribbon.gif
HTML dosyaları neredeyse tüm sayfa içeriğinden oluşur. Sayfayı doğru görüntülemek için gereken tek ek kaynak blueribbon.gif.ini’dir. Tarayıcının iki bağlantı yapması gerektiği anlamına gelir. Öte yandan, WPMU Dev.
İndirilecek düzinelerce farklı dosya var
WordPress ve diğer eklentiler tarafından ihtiyaç duyulan çeşitli özellikler ve işlevler için bazı HTML dosyaları kullanılır Siteyi düzenlemek için CSS dosyaları
Etkileşimli işlevi etkinleştirmek için js dosyası
Siteyi güzelleştirmek ve HTML, JS ve CSS dosyalarını tamamlamak için resimler
Analytics, Sosyal Paylaşım, Google Adwords ve daha fazlası gibi işlevleri etkinleştirmek için üçüncü taraf komut dosyaları.
Tarayıcı, HTML, CSS ve JS dosyalarında belirtilen her dosyaya sormalıdır. Bu, yüzlerce bağlantı yapmanız gerektiği anlamına gelir.
Şimdi, bağlantı kurmak önemli bir teknik yük gerektirir. Yüzlerce bağlantı yapmak, bu ek yükün yüzlerce kez gerçekleştiği anlamına gelir. Sadece gönderilmesi gereken her mektup için Postacı’nızın postaneye geri dönmesi gerekip gerekmediğini hayal edin. Bu gerçek bir sorundur – ve bu nedenle web sitesini hızlı hale getirmek, çoğunlukla iki şey içerir:
Yukarıdaki dosyayı mümkün olduğunca birleştirerek gecikmeyi azaltmak mümkün olduğunca az olur – bu nedenle daha az talep gerektirir
Tarayıcı ile sunucu arasında gönderilen verilerin boyutunu azaltmak için dosyaları sıkıştırın ve azaltın
HTTP/2 bu sorunu dolaylı olarak çözmeyi amaçlamaktadır.
Web sitesi HTTP/2’yi nasıl daha hızlı kullanabilir? HTTP/2’nin doğru özelliklerini anlamak istiyorsanız, SSS GitHub HTTP2’yi ziyaret etmenizi öneririz. Çok teknik olmak istemiyorsanız, HTTP/2 üzerindeki artışı çok teknik olmayan terimlerle açıklamaya çalışacağım. HTTP/2, HPTP1.x değil, makineler tarafından okunması amaçlanmıştır. Öte yandan, HTTP/2 bir ikili protokoldür. Bu, bunun makine (web sunucunuz ve tarayıcınız) arasında insanlardan daha fazla iletişim için tasarlandığı anlamına gelir. Bu, sunucu ve tarayıcı arasındaki iletişimi çeşitli şekillerde daha verimli hale getirir. Özünde, bu parçalanması daha hızlı, sıkıştırılabilir, hata sayısını azaltabilir ve beyaz boşluklar, boş satırlar, satır çizgileri, kapitalizasyon vb. HTTP/2, göndermek istedikleri her harf için postaneye geri dönmesi gereken postacıdan bahsettiğimde birkaç dosyanın aynı anda hatırlanmasına izin veriyor mu? Bir seferde sadece bir harf aktarabilecekleri gerçeğiyle sınırlıdırlar. HTTP1.x ayrıca bir seferde yalnızca bir bağlantıya izin verildiği bir sınıra sahiptir.
HTTP/2 dimultiplex, bu da aynı anda birkaç bağlantının gerçekleşmesine izin verildiği anlamına gelir. “Postman” şimdi bir seferde sadece bir mektuptan daha fazlasını gönderebilir ve tüm web sitesi kaynaklarının teslimatını çok daha verimli ve elbette daha hızlı hale getirir.
HTTP2, bir seferde bir bağlantı ile sınırlı olan HTTP1.1’in aksine, bir seferde birden fazla bağlantı sağlar.
HTTP2, sunucunun HTTP2’nin bilinen bilinen bir tarayıcıya dosya göndermesine izin verir. Öte yandan, HTTP1.X’te tarayıcılar genellikle HTML dosyalarının gönderilmesini ve tanımlanmasını beklemelidir. Bir CSS dosyasına, JS dosyasına ve birkaç resim dosyasına ihtiyacı olduğunu fark ettikten sonra dosyayı istemelidir. Ortaya çıkan dosyayı geçitirse, başka bir dosyaya ihtiyaç duyulursa, daha sonra başka bir istek göndermelidir. İtme itme, tarayıcının gerçekten istemeden önce tarayıcının hangi dosyalara ihtiyaç duyduğu dosyaları gerçekten bildiği bir mekanizmadır. Sunucu, tarayıcının istemesini beklemeden dosyaları tarayıcıya “iter”. Bu, tüm sürecin web sitelerini daha hızlı görüntülemek için gereken tüm kaynakları almasını sağlar. HTTP2 Diğer optimizasyon tekniklerini kullanarak HTTP2, başlık sıkıştırması olarak adlandırılan şeye izin verir. Bu temel olarak sunucu ve istemci arasında başlangıç bağlantısı oluşturmada ek yükü azaltan bir mekanizmadır. Bu, özellikle yavaş bir ağa ek maliyetlerin eklendiği ve bir web sitesi için birkaç sunucudan veri alma ihtiyacının bulunduğu mobil cihazlarda çok daha düşük bir bağlantı kurmak için gereken süreyi sağlar. HTTP2’nin nasıl daha verimli olduğunu özetleyelim:
İstemci ve sunucu arasında bağlantı kurmak daha hızlı; Tarayıcı ve web sunucusu arasındaki gerçek bağlantı, dolaylı olarak daha hızlı olacak şekilde daha verimlidir;
Müşteriler tarafından ihtiyaç duyulan dosyalar ve kaynaklar sırayla değil, aynı anda aktarılabilir;
Dosyalar daha sonra ihtiyaç duyduğu düşünülürse sunucu tarafından web tarayıcısına teşvik edilebilir – tüm aktarım süresini dosyanın kısalması; Dankoneksi baş harfleri daha verimli hale getirildi.
Kim buldu”
Http2? Ve hızlı nedir? HTTP’nin oldukça verimsiz olduğu uzun zamandır bilinmektedir. 2009 yılında, Google’daki iki mühendis (Mike Belshe ve Roberto Peon) HTTP’nin verimliliğini artırma görevine başladı – Web’i 2X’i daha hızlı hale getirmek istedi. Bunu, yukarıda tartışılan teknikleri uygulayarak yaparlar, temel olarak istek ve yanıtın kablo tarafından nasıl gönderildiğini değiştirirler. Bu protokol daha sonra SPDY (veya hızlı) olarak bilinir. Hızlı kod tabanı nihayet HTTP Çalışma Grubu tarafından HTTP2’nin geliştirilmesi için başlangıç noktası olarak kabul edildi. Siteme HTTP2’yi ne zaman uygulayabilirim? Ziyaretçinin tarayıcısı HTTP2’yi desteklemezse ne olur? Tarayıcıdaki HTTP2, zarafetle http1.x’e indirilebilecek şekilde tanımlanır ve uygulanır. Temel olarak, tarayıcı HTTP2’yi desteklemiyorsa, tarayıcı HTTP1.X kullanarak geri çekilir. Kullanıcılar daha akıllı olmayacak. Ancak, ziyaretçinizin tarayıcısının HTTP2’yi desteklememeye başladığı anlaşılıyor. Bu makaleyi yazarken, tarayıcının yaklaşık% 70’i HTTP2’yi desteklemek için kullanılmaktadır. Chrome, Firefox, Microsoft Edge, Safari, Opera ve diğer büyük tarayıcılar gibi ana tarayıcı HTTP2’yi destekler. Akamai test araçlarını kullanarak tarayıcınızın HTTP2’yi destekleyip desteklemediğini kontrol edebilirsiniz. Bu aynı zamanda HTTP2’nin web sitenizin yüklenmesine nasıl fayda sağlayacağına dair çok düzgün bir gösteri. HTTP2’yi web siteme nasıl uygulayabilirim?
Bu, çoğunlukla web sitenize güç veren web sunucusuna bağlı bir şeydir. Bir kez daha, Apache, Nginx ve IIS gibi çoğu ana web sunucusu zaten HTTP2 için desteğe sahiptir. Ancak, siteniz bu sunuculardan biri tarafından güçlendirilmiş olsa da, bu otomatik olarak web sitenizin HTTP2’yi destekleyebileceği anlamına gelmez. Her şey, web sitesi barındırma sunucunuzun şu anda HTTP2’yi destekleyen bir yazılım sürümü olup olmadığına bağlıdır. HTTP2’yi zaten destekleyen, ancak hepsini destekleyen birkaç barındırma şirketi var. En iyi seçeneğiniz, barındırma hesabınızın şu anda HTTP2’yi destekleyip desteklemediğini gerçekten sormaktır. HTTP/2’nin web sitenizde etkinleştirilip etkinleştirilmediğini kontrol etmek için aşağıdaki araçları da kontrol edebilirsiniz. Yapmam gereken bu mu? Gerçekten hayır, hayır. Daha fazla komplikasyon var. Şu anda, tarayıcıdaki HTTP2 uygulaması, HTTP2’nin şifreli bağlantı yoluyla gönderilmesini gerektirir. Bu, HTTP2’yi destekleyen bir web sunucusuna sahip olmanın yanı sıra, sitenizin de HTTPS uygulaması gerektiği anlamına gelir. (HTTPS’nin avantajlarını gerçekten anlamıyorsanız, HTTPS WordPress için eksiksiz bir kılavuz (ancak basit) görmek isteyebilirsiniz). Bu, web siteniz için güvenli bir sertifika almanız ve uygulamanız gerektiği anlamına gelir. Barındırma şirketiniz aracılığıyla, sertifika üretmek için uygun sertifika yetkilisini kullanacak ticari bir SSL sertifikası alabilirsiniz. Daha sonra WordPress sitenize güvenli bir sertifika uygulayabilirsiniz. Son zamanlarda, Let ‘kullanarak ücretsiz bir SSL sertifikası almak için bir teşvik de var.
S şifreleme.Bu aynı zamanda Let’s Encrypt ve Certbot ile WordPress’e ücretsiz SSL ve HTTPS sertifikaları eklemedeki diğer olağanüstü yönergelerimiz kapsamındadır.WordPress için HTTP/2 ne olacak?Basitçe söylemek gerekirse, HTTP/2, kullandığınız WordPress veya diğer CMS’ye bağlı değildir.Bu, web sunucusu düzeyinde uygulanan bir şey olduğundan, bu, WordPress web sitenizin bir yığınında “daha düşük” bir şeydir.Sonra yine WordPress için yapabileceğiniz belirli şeyler var.HTTP2 hakkında bahsettiğimiz iyileştirmelerden biri, Push Server adlı bir mekanizmanın uygulanmasıdır.Bu, kullanılan CMS’den öneriler veya yönergeler gerektirir.WordPress için, HTTP/2 Sunucu Push WordPress eklentisi, site yöneticisinin hangi kaynakların “sunucu tarafından teşvik edilebileceğini” önermesini sağlar.
. Yapılan şey, her bir komut dosyasını ve stil dosyasını teşvik etmek için gerekli desteği eklemektir. Bu, ENQUEE WordPress mekanizmasını kullanan JS ve CSS dosyalarının bir web sunucusu tarafından tarayıcıya teşvik edilebileceği ve böylece HTTP/2 optimizasyon tekniğinin tam kullanımı kullanıldığı anlamına gelir. WordPress’i daha hızlı hale getirmek için başka teknikler ne olacak? Bu küçük bir ısı sorunu ve geliştiricilerin birbirleriyle aynı fikirde olmadıkları bir şey. WordPress sitenizi daha hızlı hale getiren çeşitli optimizasyon türleri vardır. Bazıları hala geçerli, bazıları devre dışı bırakılmalıdır. Değilse, HTTP2 kullanırsanız aslında web sitenizi daha yavaş hale getirebilirler. İzin Verilen Optimizasyon: WordPress sayfanızı oluşturmak için gereken toplam süreyi azaltmayı amaçlayan her şeyin optimizasyonunu oluşturma süresini azaltan herhangi bir şey, yerinde kalabilir. Gibi şeyler: Oluşturma süresini azaltmak için eklentileri azaltmak,
Çeşitli seviyelerde önbellek mekanizması uygulayın ve
Sitenizi temalar veya başka bir şekilde bir bütün olarak daha ince hale getirin.
Bunların hepsi güvenli optimizasyonlardır ve hayatta kalabilir. Hayatta kalabilecek bir başka optimizasyon, dosyanın uzun bir son kullanma süresi verildiği yerdir, böylece değiştirilmezse tekrar tekrar kullanılabilir. Bu genellikle sık sık değişmeyen CSS ve JS dosyaları için geçerlidir. İzin verilmeyen optimizasyon: Daha hızlı bir web sitesi oluşturmak için en yaygın yol için istek sayısını azaltan herhangi bir şey (daha önce tartıştığımız gibi) birkaç dosyayı daha az dosyaya birleştirmek ve bu dosyaları küçültmektir. Dosyaları birleştirmek, ek yük oluşturan bir şeydir. HTTP2 ile, talep miktarını azaltmanın bir anlamı yoktur, böylece bu yük aslında “daha uzun” bir başlangıç tepki süresi yaratır. Minileştirme, ayrıca insan okunabilirliği için tasarlanan karakteri ortadan kaldırarak dosya boyutunu azaltan diğer işlemler de ek yük sunucusunu içerir. HTTP/2 aslında kendi sıkıştırmasını çok verimli bir şekilde gerçekleştirdiğinden, minif aşırıdır. Ayrıca, HTTP/2 tabanlı web siteleri için ek avantajlar üretmeyen işlem için ek yük ekler. HTTP/2’nin web sitenizi nasıl daha hızlı hale getirebileceğini gördükten sonra Web’i HTTP/2 ile daha hızlı yapalım, umarım hemen sitenize uygulamak istersiniz. Bu, web sitenizin yükleme süresini önemli ölçüde artıracaktır. Bu varsayılan, kullanıcınızın çok daha hızlı ve daha eğlenceli bir kullanıcı deneyimine sahip olacağı anlamına gelir. HTTP2 için hazır mısınız? Veya siteniz zaten http2 kullanıyor mu? Aşağıdaki yorumlarda bize fikrinizi anlatın.
Etiket:
HTTP
