În mai 2015, a fost anunțat că specificația pentru HTTP2 a fost finalizată și lansată. Oferte HTTP2 avantaje semnificative de performanță pentru orice site web, deci, având în vedere că majoritatea site-urilor web sunt alimentate de WordPress, a fost doar o chestiune de timp înainte să avem nevoie să știm cum să-l configurăm și ce este HTTP2.
Deci, iată-ne cu un ghid complet și / sau un tutorial despre ce este HTTP2, de ce ar trebui să activați HTTP2 pe site-ul dvs., care sunt avantajele și în cele din urmă - cum să o faceți efectiv.
Deci, să începem cu primele câteva lucruri.
Ce este HTTP2?
HTTP2 este cea mai recentă versiune a HTTP (HyperText Transfer Protocol) care a fost optimizată în așa fel încât site-ul dvs. să se încarce mult mai rapid, fără niciun efort suplimentar din partea dvs. Odată ce ați configurat HTTP2, nu mai este nevoie de astfel de optimizări precum minificarea, combinația și alte hacks pe care le făceam înainte - acestea sunt încorporate chiar în protocolul în sine.
(La CollectiveRay, ne place să creăm site-urile noastre web frumos și repede!)
Înainte de a ajunge la HTTP2, să aruncăm o privire înapoi la HTTP și de ce a fost necesară o nouă versiune de HTTP.
Ce este HTTP?
Protocolul de transfer HyperText (aka HTTP) este pur și simplu un mod prin care browserul dvs. comunică cu serverul web al site-ului pe care îl vizitați.
Există multe moduri prin care două (sau mai multe) mașini comunică prin Internet. HTTP este cel folosit pentru navigarea pe site-uri web. Odată cu creșterea site-urilor precum YouTube și Twitch care transportă mult trafic prin HTTP, acest protocol rămâne unul care transportă cel mai mult trafic. Este cu siguranță cel mai „vizibil”, deoarece este implicat în toată navigarea pe site.
La urma urmei, de câte ori tastați https: // în fiecare zi?
Fără a intra în prea multe detalii, protocolul HTTP este utilizat de browserul vizitatorului pentru a solicita tot conținutul unui site web.
Conversația merge cam așa:
Browser: Bună ziua server la www.collectiveray.com - îmi puteți oferi conținutul acestui site?
server de: Bună browser, acesta este conținutul HTML al www.collectiveray.com
<html xmlns: og="https://ogp.me/ns#" xmlns: fb="https://www.facebook.com/2008/fbml" lang="ro-gb" dir="LTR" clasă='com_content vizualizați-articol itemid-388 j35 mm-hover'>
...
Browser: Super, acum văd că am nevoie și de conținutul acestor fișiere js: collectiveray.js, jquery.min.js, jquery-ui.min.js ... și conținutul acestor fișiere: styles.css, jquery.min.css, ... De asemenea, vă rog să-mi trimiteți următoarele imagini: favicon.ico, logo.jpg, blog-header.jpg, reclamă1.jpg, ...
server de:
- Iată conținutul fișierului collectiveray.js
- Iată conținutul fișierului jquery.min.js
- Și iată jquery-ui.min.js
- ...
- și iată imaginea footer-icon.jpg ...
Într-adevăr, serverul și browserul joacă tenis digital cu datele site-ului web pe care îl vizitați.
Fiecare direcție de pe server trimite o mică parte a site-ului web. Acest lucru se întâmplă până când tot conținutul este trimis de pe serverul site-ului către browser.
O altă analogie foarte bună care a fost folosită pentru a descrie HTTP1 este cea a unui chelner care ia băuturi de la bar, primind o singură băutură de fiecare dată când vizitează barul.
Desigur, această metodă de a obține un „lucru” la un moment dat nu este teribil de eficientă și aici încep problemele cu HTTP ...
Web-ul a crescut mai repede decât capacitățile HTTP
HTTP există de foarte mult timp. Când a fost gândit și creat, internetul era un loc foarte diferit.
Lățimea de bandă a fost măsurată în biți, nu în zeci de megabiți. În consecință, pentru a fi utilizabile, site-urile web au fost realizate în principal din text și hyperlinkuri. Imaginile erau puține și între ele.
Treceți rapid la timpurile moderne.
Site-urile web, temele și tot felul de funcționalități au făcut ca site-urile web să devină din ce în ce mai grele din punct de vedere al resurselor. Site-ul dvs. mediu conține sute de fișiere și imagini diferite.
Site-urile care trebuie să utilizeze sute de resurse sunt la ordinea zilei.
De exemplu, dacă intenționați să creați un site de membru WordPress, utilizați acest ghid scris de CollectiveRay, veți avea nevoie de teme de membru, pluginuri și o mulțime de alte resurse, toate acestea având nevoie de diverse resurse pentru a putea funcționa corect.
Pentru a complica lucrurile, fiecare site solicită informații de la mai multe servere diferite pentru tot felul de scripturi terță parte (de exemplu, scripturi Google Analytics, butoane de partajare Facebook, Google Ads sau AdSense, marketing prin e-mail și tot felul de alte platforme).
De câte ori are nevoie un browser pentru a prelua fișiere de pe serverul site-ului web, continuă să crească și să crească.
Aceasta nu este o problemă în sine, deși numărul tot mai mare de fișiere înseamnă că dimensiunea datelor descărcate continuă să crească și să crească.
Aceasta înseamnă că cantitatea mare de date care trebuie descărcate devine din ce în ce mai mare. Acest lucru face ca încărcarea site-urilor să fie mai lentă, în general.
Pentru a înrăutăți lucrurile, crearea unei conexiuni între browser și server este o operațiune tehnic costisitoare și ia timp. Pe măsură ce numărul de resurse necesare pe un site web crește, crește și timpul necesar încărcării unui site.
Acest lucru se datorează faptului că folosind versiunea HTTP 1, de fiecare dată când este necesar un nou fișier, trebuie creată o nouă conexiune (scumpă).
Aceasta înseamnă că site-urile care doreau să se încarce rapid trebuiau să treacă printr-un întreg exercițiu de optimizare.
Cum să faci un site web mai rapid (versiunea pre-HTTP2)
După cum se poate vedea prin exemplul nostru simplu, HTTP v1 avea o serie de limitări, având în vedere starea actuală a web-ului, ceea ce a dus la încetinirea site-urilor. Acum, probabil că ați văzut sute de articole care vă arată cum să vă creați Site-ul WordPress mai rapid.
Avem și noi un astfel de articol pentru că Dezvoltatori WordPress, urmărim întotdeauna nevoia de viteză - și suntem fericiți doar atunci când atingem un rating de viteză A.
De altfel, oferim o mulțime de articole diferite pentru cei care doresc să afle despre WordPress, consultați secțiunea tutoriale Collectiveray.
Ceea ce fac majoritatea acestor articole care încearcă să accelereze WordPress este să găsească o modalitate de a rezolva limitele HTTP1. Ei efectuează soluții alternative pentru a se asigura că site-urile nu sunt încetinite de toate aceste conexiuni.
Acesta este motivul pentru care a existat o nevoie atât de presantă pentru HTTP2, nu doar pentru WordPress, ci pentru orice alt site web de acolo. Trebuia făcut ceva pentru a rezolva problemele inerente ale HTTP1 (atât la nivel de browser, cât și la nivel de server web).
Deci, care au fost soluțiile / soluțiile pentru a face mai rapid un site web folosind HTTP v1? De obicei, ne-am referit la ele ca Reduce, reutilizarea, Reciclează. Pentru mai multe explicații în acest sens, vă sugerăm să citiți mai sus articolul nostru despre accelerarea site-urilor web.
- Creați un site ușor care utilizează un cantitate minimă de fișiere JS, CSS și imagine
- Reduceți numărul de solicitări pentru diferite fișiere CSS și fișiere JS combinând cât mai multe dintre aceste fișiere împreună (reducând solicitările prin combinația de fișiere)
- Reducerea numărului de solicitări de imagini cu creând o singură imagine care le combină pe toate într-unul și folosind sprite CSS
- Eliminați orice pluginuri suplimentare (pentru a reduce numărul de imagini, fișiere CSS și fișiere JS pe care le adaugă pe site)
- Comprimarea datelor necesare astfel încât să aibă dimensiuni mai mici (și, prin urmare, mai rapid de transportat) (de ex activați compresia GZIP WordPress pentru a reduce dimensiunea datelor care trebuie transferate, mai mici)
- Profitați de cache-ul browserului în WordPress folosind un plugin, astfel încât, dacă un utilizator vă vizitează din nou site-ul web într-un interval de timp scurt, nu va mai avea din nou descărcarea acelorași fișiere
- Alte actiuni...
În esență, am dorit să reducem numărul de solicitări separate între server și browser. De asemenea, am dorit să reducem dimensiunea acestor solicitări.
Deci, cum îmbunătățește HTTP / 2 toate acestea?
Introduceți HTTP / 2
HTTP / 2 a fost scris cu intenția de a remedia aceste probleme inerente. Unul dintre obiectivele principale ale HTTP2 este acela de a
Reduceți latența pentru a îmbunătăți viteza de încărcare a paginii în browserele web. (Sursă: WikiPedia)
și introduce următoarele îmbunătățiri
- este binar, în loc de text
- este complet multiplexat, în loc de ordonat și blocat
- poate, prin urmare, să folosească o conexiune pentru paralelism
- folosește compresia antetului pentru a reduce cheltuielile generale
- permite serverelor să „împingă” răspunsurile proactiv în cache-urile clientului
Stai ce? Nu vă faceți griji - să încercăm să explicăm acest lucru puțin în termeni mai simpli.
- Binar în loc de text: acest lucru face ca transferul și analiza datelor să fie mult mai eficiente. Transferul de date binare este, de asemenea, mult less predispus la erori. Datele textuale sunt destinate consumului uman. Datele binare sunt proiectate pentru consumul mașinii, iar utilizarea binelor pentru transferul de date este inerent mai rapidă.
- Complet multiplexat: din nou, pur și simplu, cu HTTP problema a fost că fiecare conexiune era predispusă la blocarea conexiunilor care trebuie să se întâmple după ea. Imaginați-vă în coadă pentru a intra în meciul sportiv preferat, dar mai degrabă decât cu mai multe puncte de intrare, ați avut doar 1 turnichet. Vă puteți imagina că lucrurile pot deveni foarte foarte lente. Multiplexarea permite transferul mai multor fișiere și cereri în același timp. În exemplul de meci de fotbal, mai degrabă decât să intrăm o singură persoană la un moment dat, avem 10 porți, cu 10 turnichete care intră împreună.
- Folosiți o conexiune pentru paralelism: după cum am menționat anterior, atunci când o conexiune este costisitoare de creat dacă continuați să o creați și să o închideți pentru fiecare resursă de care aveți nevoie, veți crea o problemă generală serioasă. Multiplexarea permite ca aceeași conexiune să fie reutilizată din nou și din nou. Imaginați-vă conexiunea ca pe o conductă prin care datele continuă să curgă până când nu mai aveți date. De asemenea, rețineți că, pentru orice site web, veți avea de obicei browserul care vorbește cu mai multe servere web pentru diverse scripturi și resurse terțe părți (scripturi de partajare Facebook, Twitter, Google Analytics, rețele publicitare etc.) Având o conexiune pentru fiecare dintre acestea este mai eficient.
- Compresia antetului este, de asemenea, un alt mod eficient de eliminare a mai multor cheltuieli generale asociate cu nevoia de a recupera mai multe resurse diferite de pe aceleași sau de pe mai multe servere web. Încă o dată, de obicei, mai degrabă decât să trebuiască să efectuați mai multe călătorii de colo-colo, o călătorie este de obicei suficientă.
- Permite serverelor să împingă resursele în mod proactiv: acesta este un mod prin care serverul, mai degrabă decât să aștepte ca browserul client să solicite diferitele resurse conform primului nostru exemplu, va trimite proactiv resurse de care browserul va avea nevoie sau va cere în cele din urmă. Aceasta se numește HTTP / 2 Server push.
Dacă ar trebui să ne întoarcem la analogia chelnerului care aducea câte o băutură pe rând, cel mai mare avantaj este că acum chelnerul folosește o tavă pentru băuturi pentru a lua toate băuturile împreună. Și, de asemenea, iau băuturi de la bar de care probabil vor avea nevoie atunci când sunt la restaurant.
Ce este SPDY? (aka Speedy)
Înainte să se nască HTTP2, altcineva a încercat de fapt să rezolve problemele cu HTTP. Acesta a fost un proiect de cercetare realizat de câțiva ingineri Google, care au încercat să remedieze unele dintre problemele HTTP1.1.
Obiectivele SPDY erau
- Permiteți multiplexarea pentru a permite solicitări concurente - rezolvând astfel problemele de latență create prin conexiuni multiple
- Prioritizați resursele, cum ar fi cele mai importante resurse ale unui site trimis mai întâi
- Comprimați anteturile HTTP pentru a îmbunătăți eficiența așa cum s-a discutat mai sus
- Implementați server push așa cum s-a discutat mai sus
Într-un blog inițial lansat de inginerii care au scris protocolul, s-a susținut că ar fi faceți webul de 2 ori mai rapid. Deși atât browserele majore, cât și serverele web majore au acceptat SPDY, nu s-a adoptat real.
Cu toate acestea, cercetările sale au fost esențiale pentru eventuala lansare a HTTP2, deoarece prima versiune a HTTP2 a folosit SPDY ca bază de lucru.
Ce trebuie să fac pentru a activa HTTP / 2?
Înainte de a activa HTTP2, trebuie să știți ce implicații există pe site-ul dvs.
Ce browsere acceptă HTTP / 2?
În momentul scrierii, cele mai populare browsere client acceptă pe deplin HTTP / 2. FireFox, Chrome și browserele bazate pe Blink (adică Opera și Yandex) acceptă HTTP2. În același timp, Microsoft Edge acceptă HTTP2 Apple îl acceptă și pe Safari. Statistici de pe site-uri precum Pot folosi? arată că distribuția globală a suportului actual este mai mare de 95%.
Dacă browserul nu acceptă HTTP2, iar site-ul web acceptă HTTP2, va exista o alternativă grațioasă la HTTP1, deci nu există absolut nicio problemă pentru niciun vizitator dacă activați HTTP / 2. Nu pot exista decât beneficii.
Ce servere acceptă HTTP / 2
Apache, Nginx, LiteSpeed, IIS și cele mai populare implementări de server acceptă HTTP / 2 - puteți verifica dacă serverul dvs. web preferat sau serverul web pe care îl utilizați are suport pentru http2 aici.
Cu toate acestea, dacă puteți utiliza HTTP2 depinde de fapt dacă compania dvs. de găzduire a activat acest lucru. Deci, va trebui să confirmați disponibilitatea reală a HTTP / 2 cu compania dvs. de găzduire. Imaginea de mai jos este o listă de servere care acceptă http / 2.
Pur și simplu, dacă site-ul dvs. web acceptă în prezent HTTP / 2 depinde în totalitate de compania dvs. de găzduire sau de serverul unde vă găzduiți site-ul. Folosim Gazduire InMotion (și aici este al nostru Revizuirea găzduirii InMotion și, în esență, modul în care VPS-ul nostru tarife), care au acceptat pe deplin HTTP2 de câțiva ani.
Cu toate acestea, folosim și StackPath pentru a ne servi resursele, care acceptă și HTTP / 2.
Majoritatea companiilor de găzduire astăzi acceptă HTTP2 pe serverele lor, deci nu ar trebui să fie o grijă.
Poți să folosești acest instrument de la KeyCDN pentru a determina dacă site-ul dvs. are în prezent suport pentru HTTP / 2. Acest test HTTP / 2 vă poate spune dacă trebuie să efectuați sau nu acțiuni suplimentare.
Site-ul dvs. web trebuie să fie sigur pentru a activa HTTP2
În prezent, toate browserele de acolo acceptă doar HTTP2 criptat.
Aceasta înseamnă că, pentru ca site-ul dvs. să poată accepta HTTP / 2, va trebui să aveți site-ul dvs. servit printr-o conexiune securizată (TLS / SSL). Am analizat acest lucru destul de profund în articolul nostru despre configurarea unui certificat securizat WordPress pe serverul dvs.
Să recapitulăm totuși
- Site-urile securizate obțin un spor de semnal de clasare SEO
- Acestea protejează datele transferate către și de pe site (deosebit de importante pentru parole, date despre cardul de credit și alte date sensibile)
- Există o mișcare puternică către site-uri web sigure și, dacă nu implementați securitate pe site-ul dvs., site-ul dvs. web va fi lăsat în urmă
Va trebui să obțineți un certificat sigur prin intermediul companiei dvs. de servicii de găzduire. Companii de găzduire precum In miscare vă permite să utilizați un certificat partajat, deși dacă doriți să-l utilizați cu domeniul dvs., vă recomandăm să achiziționați propriul certificat.
Aveți nevoie de ajutor cu site-ul dvs. web?
Angajați un expert pe site-ul web verificat pentru doar 65 USD. Înscrieți-vă astăzi pentru a începe să conversați gratuit.
Discutați cu un expertAlte site-uri precum WordPress.com (spre deosebire de WordPress.org) - citiți despre diferență aici - furnizați deja certificate sigure.
Instalarea certificatului este ceva care este de obicei făcut de serverul dvs. de găzduire. Este un lucru unic, deci nu trebuie să vă faceți griji.
Odată ce ați făcut acest lucru, va trebui pur și simplu să efectuați o redirecționare permanentă 301 prin fișierul dvs. .htaccess.
Încă o dată, gazde precum Gazduire InMotion poate rezolva toate acestea pentru dvs., dacă nu sunteți înclinați să faceți acest tip de modificări tehnice (care prezintă un risc de întrerupere dacă nu este făcut corect).
Există un plugin pe care să îl pot folosi pentru HTTP2?
Am menționat unul dintre avantajele utilizării HTTP2 pentru a fi capacitatea de a efectua o apăsare pe server a articolelor care vor fi necesare de către browser. Bineînțeles, acest lucru trebuie făcut la nivel de CMS, deci este nevoie de asistență de la WordPress sau CMS-ul dvs. preferat.
Deși acest lucru nu este încă acceptat la nivel de bază, puteți modifica temele sau pluginurile astfel încât să pună în aplicare capacitatea de a trimite un
Link:<...> rel="prefetch"
antet pentru fiecare script și stil înrădăcinat, deoarece WordPress le afișează în sursa paginii.
Dacă doriți să vă faceți site-ul mai rapid în general, permițând preluarea și alte comenzi pentru a vă face site-ul rapid, vă recomandăm cu tărie WP Rocket - un plugin premium care crește semnificativ viteza site-ului dvs. Dacă doriți un plugin gratuit, îl puteți utiliza acest.
Consultați WP Rocket pentru a vă face site-ul mai rapid
Acest lucru profită de fapt de funcțiile activate de HTTP / 2.
Recomandarea finală
Așadar, sunteți aici pentru că ați vrut să vă faceți site-ul mai rapid, punând HTTP2 în poziție corect?
Aceasta este numai unul dintre multi modalități de a vă face site-ul web mai rapid. Pe lângă această tehnologie, va trebui să faceți o grămadă de alte optimizări dacă doriți să vă faceți site-ul web mai rapid, cum ar fi
- Implementați un plugin de cache a paginilor
- Activați cache-ul la nivel PHP, cum ar fi OpCache
- Optimizați imaginile pentru performanță
- Activați un CDN (gratuit sau altfel)
- Activați stocarea în cache a browserului și compresia gzip
- Optimizați Google Fonts
- Activați preluarea DNS
- Activați încărcarea leneșă a imaginii
- Activați reducerea și concatenarea
- etc etc
Pare o grămadă de muncă nu? Este!
At CollectiveRay, uneori cheltuim câteva zile lucrând pentru a împinge site-ul nostru web doar cu câteva fracțiuni de secundă mai repede. Acest lucru se datorează faptului că site-ul nostru rulează pe Joomla, deci nu avem multe dintre pluginurile disponibile pentru alte opțiuni CMS populare, cum ar fi WordPress.
De exemplu, pentru clienții noștri, instalăm întotdeauna WP Rocket. Pe site-urile web unde îl instalăm, le vom încărca întotdeauna în mai puțin de 3 secunde, rezultatele obișnuite fiind că site-ul se încarcă în mai puțin de 1 secundă.
Frumusețea lui, totuși, este că nu trebuie să întreprindem niciuna dintre lucrările manuale pe care trebuia să le facem înainte, așa că economisiți ore de timp și frustrare și obținem rezultate excelente pentru a porni.
Verificați WP Rocket pentru a vă face site-ul rapid
Întrebări Frecvente
Ar trebui să folosesc HTTP2?
Da, ar trebui să activați și să utilizați HTTP2 pe site-ul dvs., dacă puteți. HTTP2 vă va face site-ul web mai rapid și nu există absolut nicio dezavantaj în comparație cu versiunea HTTP 1. Chiar dacă un client folosește un browser vechi care nu acceptă HTTP2, există o alternativă grațioasă la HTTP.
Care este diferența dintre HTTP și HTTP2?
Există o serie de diferențe și îmbunătățiri între HTTP și HTTP2. HTTP2 este binar, în loc de text, făcându-l inerent mai rapid. Este complet multiplexat, în loc de ordonat și blocat, astfel încât mai multe conexiuni pot fi utilizate simultan. Folosește compresia antetului pentru a reduce cheltuielile generale și permite serverelor să „împingă” răspunsurile proactiv în cache-urile clientului. Toate aceste îmbunătățiri fac HTTP2 mult mai rapid decât HTTP.
HTTP2 necesită SSL?
Da, HTTP2 este acceptat numai în modul criptat, astfel încât site-ul dvs. web trebuie să implementeze certificate SSL / TLS securizate pentru a putea utiliza HTTP2.
Browserele acceptă HTTP2?
Peste 95% din browserele de site-uri web utilizate astăzi acceptă HTTP2. Chiar dacă browserul nu acceptă HTTP2, va exista o alternativă grațioasă la HTTP.
Concluzie: Să facem webul mai rapid cu HTTP2
At CollectiveRay, am fost întotdeauna hotărâți să facem site-urile noastre rapide. HTTP2 este o evoluție și o revoluție în același timp și sperăm cu adevărat că acest articol vă va ajuta să vă deplasați spre configurarea WordPress HTTP2.
Vă rugăm să lăsați un comentariu mai jos și să ne spuneți ce altceva ați dori să știți.
Aveți nevoie de ajutor pentru a finaliza lucrurile? Încercați aceste concerte la prețuri accesibile de pe Fiverr!
Faceți clic aici pentru a găsi experți în optimizarea vitezei WordPress.
Faceți clic aici pentru a crea un site web complet WordPress.
Te rugăm să ne contactezi lasa un util comentează cu gândurile tale, apoi împărtășește acest lucru grupurilor tale de Facebook care ar găsi acest lucru util și să profităm împreună de beneficii. Vă mulțumim că ați împărtășit și ați fost drăguți!
Dezvaluirea: Această pagină poate conține linkuri către site-uri externe pentru produse pe care le iubim și le recomandăm din toată inima. Dacă cumpărați produse pe care vi le sugerăm, este posibil să câștigăm o taxă de recomandare. Astfel de taxe nu influențează recomandările noastre și nu acceptăm plăți pentru recenzii pozitive.
si multe altele ...