{"id":1102,"date":"2017-10-02T10:24:53","date_gmt":"2017-10-02T07:24:53","guid":{"rendered":"https:\/\/hosterion.ro\/blog\/?p=1102"},"modified":"2023-10-19T13:15:56","modified_gmt":"2023-10-19T10:15:56","slug":"de-ce-si-cum-sa-activezi-http2-pentru-site-ul-tau","status":"publish","type":"post","link":"https:\/\/hosterion.ro\/blog\/de-ce-si-cum-sa-activezi-http2-pentru-site-ul-tau","title":{"rendered":"De ce \u0219i cum s\u0103 activezi HTTP\/2 pentru site-ul t\u0103u"},"content":{"rendered":"

HTTP\/2 cre\u0219te considerabil viteza de \u00eenc\u0103rcare a site-urilor pe desktop \u0219i pe telefoanele mobile, reduce consumul de trafic internet, ofer\u0103 securitate sporit\u0103 \u0219i alte facilit\u0103\u021bi. Iar acum este mai u\u0219or ca niciodat\u0103 s\u0103 activezi HTTP\/2 pe contul t\u0103u de g\u0103zduire web.<\/p>\n

\"\"<\/p>\n

<\/p>\n

HTTP\u00a0 este unul din cele mai utilizate protocoale din internet. Cu ajutorul lui se face leg\u0103tur\u0103 \u00eentre serverul web \u0219i utilizatorul din fa\u021ba calculatorului. Protocolul HTTP\/1.1 a fost standardizat \u00een anul 1999 \u0219i din acel moment, vreme de 16 ani nu a mai suferit modific\u0103ri majore.<\/p>\n

Condi\u021biile actuale impuse de utilizatori fac ca acest protocol s\u0103 nu fie utilizat doar pentru transferul paginilor web (HTML+CSS). A ap\u0103rut nevoia de utilizare a transferului de fi\u0219iere, streaming audio \u0219i video care prin dimensiunile lor pot face ca perioada de \u00eenc\u0103rcare a unui site sau a unei aplica\u021bii s\u0103 fie mai mare. Tr\u0103ind \u00eentr-o er\u0103 a vitezei acest lucru a trebuit cumva corectat astfel \u00eenc\u00e2t ultizatorul final s\u0103 nu fie afectat.<\/p>\n

Au existat mai multe tentative \u00een acest sens, una dintre cele mai serioase fiind a celor de la Google. Ace\u0219tia au dezvoltat protocolul SPDY<\/a> ca solu\u021bie alternativ\u0103 \u0219i \u00eembun\u0103t\u0103\u021bit\u0103 pentru HTTP. \u00cembun\u0103t\u0103\u021birile aduse de SPDY au fost semnificative \u00eens\u0103 ele nu au avut un impact foarte mare fiind utilizate de un num\u0103r relativ mic de site-uri sau aplica\u021bii. A devenit astfel tot mai evident faptul c\u0103 protocolul actual HTTP, at\u00e2t de intens utilizat are nevoie de o actualizare conform\u0103 cu cerin\u021bele actuale din lumea internetului.
\n\u00cen acest sens,\u00a0IETF<\/a> (Internet Engineering Task Force), prelu\u00e2nd c\u00e2teva dintre caracteristicile semnificative ale SPDY, a lansat \u00een 2015 HTTP\/2.<\/p>\n

Ce este HTTP\/2?<\/h2>\n

HTTP\/2 este cea mai nou\u0103 versiune major\u0103 a protocolului HTTP \u0219i vine s\u0103 aduc\u0103 \u00eembun\u0103t\u0103\u021biri semnificative \u00een special la nivelul timpului de \u00eenc\u0103rcare \u0219i r\u0103spuns. Un aspect foarte important \u00een dezvoltarea acestui protocol este faptul c\u0103 s-a \u021binut foarte mult cont de p\u0103rerea utilizatorilor, astfel \u00eenc\u00e2t HTTP\/2 corespunde din toate punctele de vedere cerin\u021belor actuale. Ca \u0219i developer al unui website mai complex, nu vei mai fi nevoit s\u0103 apelezi la tot felul de trucuri (ex: domain sharding, concatenare fi\u0219iere…) prin care optimizezi con\u021binutul \u0219i resursele disponibile pentru a ob\u021bine un timp c\u00e2t mai bun de \u00eenc\u0103rcare. HTTP\/2 vine s\u0103 u\u0219ureze astfel \u0219i munca programatorilor care vor putea s\u0103 \u00ee\u0219i utilizeze ingeniozitatea \u00een alte scopuri.<\/p>\n

De ce s\u0103 utilizezi HTTP\/2?<\/h2>\n

Utilizarea acestui nou protocol nu va implica modific\u0103ri \u00een codul surs\u0103 al site-ului sau aplica\u021biei tale. Trebuie men\u021bionat faptul c\u0103 \u00een mare, acesta p\u0103streaz\u0103 partea de sintax\u0103 din HTTP, schimbarea major\u0103 fiind la nivelul transmisiei de date \u00eentre client \u0219i server.<\/p>\n

Pentru a sublinia beneficiile utiliz\u0103rii acestui nou protocol, le vom enumare \u0219i explica \u00een cele ce urmeaz\u0103:<\/p>\n

1. Multiplexarea<\/h3>\n

Probabil ce mai important\u0103 \u00eembun\u0103t\u0103\u021bire adus\u0103 \u00een HTTP\/2 este multiplexarea. \u0218tim c\u0103 p\u00e2n\u0103 acum, \u00een cadrul HTTP pentru fiecare resurs\u0103 solicitat\u0103, browserul deschidea o sesiune TCP c\u0103tre server \u0219i primea r\u0103spunsul dorit. \u00cen momentul \u00een care num\u0103rul resurselor solicitate era mai mare, ap\u0103reau probleme la nivelul acestui schimb de \u00a0date. De aceea, \u00een cadrul HTTP\/2 s-a introdus multiplexarea, care permite browserului ca \u00een cadrul unei singure conexiuni TCP s\u0103 includ\u0103 mai multe solicit\u0103ri.<\/p>\n

Ca acest lucru s\u0103 fie perceput c\u00e2t mai exact, facem o paralel\u0103 cu un exemplu din via\u021b\u0103 cotidian\u0103. Suntem acas\u0103 \u0219i ne g\u00e2ndim s\u0103 g\u0103tim o pizza, pentru care avem nevoie s\u0103 cump\u0103r\u0103m de la magazin aluat, \u0219unc\u0103 \u0219i ca\u0219caval. Dac\u0103 am func\u021biona pe baza protocolului HTTP, ar trebui ca pentru fiecare ingredient s\u0103 mergem c\u00e2te o dat\u0103 la magazin. Practic ar trebui s\u0103 efectuam 3 deplas\u0103ri. \u00cen cazul \u00een care s-ar aplica protocolul HTTP\/2, acesta ne-a perminte ca \u00een cadrul unei singure deplas\u0103ri s\u0103 achizi\u021bion\u0103m cele 3 ingrediente \u0219i revenim cu toate acas\u0103.<\/p>\n

F\u0103r\u0103 calcule \u0219i date exacte ne putem da seama foarte u\u0219or c\u0103 timpul alocat acestei opera\u021biuni este unul mult mai redus \u00een cazul celei de-a doua op\u021biuni.<\/p>\n

\"\"<\/a><\/p>\n

2. Compresie header<\/h3>\n

HTTP\/2 utilizeaz\u0103 HPACK<\/a> pentru compresia headerelor. Schimbul de informa\u021bii \u00eentre browser \u0219i server este astfel mai rapid \u0219i cantitatea informa\u021biilor este mult redus\u0103. Metoda este mult mai practic\u0103 dec\u00e2t cea utilizat\u0103 \u00een cadrul vechiului protocol \u00eentruc\u00e2t acolo de fiecare dat\u0103 c\u00e2nd browserul solicit\u0103 o informa\u021bie, transmite \u00een cadrul ei \u0219i un header, iar la r\u00e2ndul lui serverul include \u00een r\u0103spunsul ce \u00eel returneaz\u0103 un header.<\/p>\n

3. Server Push<\/h3>\n

Cu ajutorul HTTP\/2 cererile transmise de browser c\u0103tre server sunt reduse semnificativ . Asta pentru c\u0103 serverul cu HTTP\/2 \u0219tie s\u0103 reac\u021bioneze proactiv la solicitarea anterioar\u0103 primit\u0103 din partea browserului.<\/p>\n

De exemplu, dac\u0103 browserul solicit\u0103 de la server o informa\u021bie, se va deschide o sesiune TCP care va r\u0103m\u00e2ne activ\u0103 \u0219i dup\u0103 ce serverul a returnat r\u0103spunsul. Func\u021bia server push<\/strong> face ca \u00een momentul \u00een care serverul prime\u0219te o informa\u021bie nou\u0103, o va transmite automat c\u0103tre browser f\u0103r\u0103 ca acesta s\u0103 mai fac\u0103 o alt\u0103 cerere. Din nou \u0219i de aici putem deduce u\u0219or c\u0103 timpul de \u00eenc\u0103rcare se va reduce semnificativ.<\/p>\n

\"\"<\/a>

Imagine preluat\u0103 de pe cloudflare.com<\/p><\/div>\n

4. Prioritizare flux date<\/h3>\n

Vorbim despre un mecanism disponibil \u00een cadrul browserului care vine s\u0103 completeze op\u021biunea de multiplexare. Prin acest mecanism un browser care accept\u0103 HTTP\/2 poate decide ordinea \u00een care sunt \u00eenc\u0103rcate informa\u021biile solicitate. Utiliz\u00e2nd aceast\u0103 func\u021bie browserul este capabil, spre exemplu, \u00een momentul \u00een care se acceseaz\u0103 o pagin\u0103 s\u0103 \u00eencarce prima dat\u0103 con\u021binutul HTML, apoi CSS-ul, urmat de Javascript \u0219i \u00een final imaginile, dac\u0103 este cazul. Acest flux prioritizat face ca redarea pagini solicitate s\u0103 se fac\u0103 mult mai facil \u0219i rapid.<\/p>\n

5. Compatibilitate cu majoritatea serviciilor \u0219i programelor<\/h3>\n

\u00cen acest moment HTTP\/2 este compatibil cu un num\u0103r mare de servicii \u0219i programe de soft utilizate \u00een aceast\u0103 industrie. Printre aceastea amintim: apache, apache tomcat, nginx, Litespeed, Microsoft IIS (Windows Server 2016), Citrix \u0219i multe altele. Vedem a\u0219adar din acest\u0103 varietate c\u0103 nu ne vom lovi de impedimente \u00een utilizarea noului protocol.<\/p>\n

Beneficiile sunt multiple \u00eens\u0103 noi am ales s\u0103 le subliniem \u00een special pe cele de mai sus care practic fac ceea ce ne intereseaz\u0103 cel mai mult ca utilizatori ai unui serviciu de g\u0103zduire web. Acestea \u00eembun\u0103t\u0103\u021besc timpul de \u00eenc\u0103rcare<\/strong> \u0219i sporesc securitatea<\/strong>.<\/p>\n

Mai departe vom vedea cum po\u021bi utiliza HTTP\/2 dac\u0103 e\u0219ti client Hosterion.<\/p>\n

Cum s\u0103 activezi HTTP\/2 pe serviciul de\u00a0g\u0103zduire web de la Hosterion?<\/b><\/h2>\n

Pe serverele noastre de g\u0103zduire HTTP\/2 poate fi utilizat de c\u0103tre to\u021bi clien\u021bii, indiferent de pachetul de g\u0103zduire web<\/a> ales. Pentru ca site-ul t\u0103u s\u0103 poat\u0103 servi con\u021binut HTTP\/2 este nevoie s\u0103 instalezi un certificat SSL \u0219i s\u0103 faci redirectarea de la http la https.
\nUn aspect important \u00een utilizarea acestui protocol este acela c\u0103 necesit\u0103 utilizarea unui certificat SSL. Practic HTTP\/2 func\u021bioneaz\u0103 at\u00e2t pe varianta http c\u00e2t \u0219i pe https. Necesitatea utiliz\u0103rii unui certificat SSL se datoreaz\u0103 faptului c\u0103 Google Chrome \u0219i Mozilla Firefox au impus anumite limit\u0103ri. Ambele suport\u0103 HTTP\/2 doar pe varianta securizat\u0103 https. Noi consider\u0103m acest lucru un beneficiu \u00eentruc\u00e2t sporim partea de securitate.<\/p>\n

\u00cen anumite dezbateri referitoare la acest subiect , utilizarea unui certificat SSL pentru a beneficia de HTTP\/2 este considerat\u0103 un dezavantaj. \u201cDezavantajul\u201d ar fi reprezentat de costurile suplimentare ale unui certificat SSL, \u00eens\u0103 \u00een cadrul g\u0103zduirii web de la Hosterion, beneficiezi de certificate SSL gratuite. Elimin\u0103m din start costul suplimentar \u0219i putem trece f\u0103r\u0103 probleme la activarea certificatul \u0219i mai departe implicit la utilizarea HTTP\/2. Trebuie s\u0103 men\u021bion\u0103m aici faptul c\u0103 protocolul HTTP\/2 este compatibil doar cu anumite versiuni ale browserelor. Po\u021bi verifica acest lucru aici<\/a>.<\/p>\n

Probabil acum te \u00eentrebi ce se \u00eent\u00e2mpl\u0103 cu utilizatorii care folosesc versiuni mai vechi sau browserul lor nu este pur \u0219i simplu compatibil cu HTTP\/2? Nu vor mai putea accesa site-ul t\u0103u dac\u0103 activezi HTTP\/2? Ei bine acest lucru nu se va \u00eent\u00e2mpla. Site-ul t\u0103u va fi \u00een continuare accesibil pentru to\u021bi vizitatorii. Asta pentru c\u0103 trecerea de la HTTP\/1.1 la HTTP\/2.0 nu se face brusc, exist\u00e2nd o perioad\u0103 de tranzi\u021bie. Serverele \u0219i browserele care r\u0103man compatibile doar cu HTTP \u00a01.1 vor putea totu\u0219i s\u0103 comunice cu serverele sau browserele compatibile cu HTTP\/2 (ambele p\u0103r\u021bi vor avea capacitatea de a decide ce versiune va fi folosit\u0103 pentru a comunica \u00eentre ele).<\/p>\n

\"\"<\/a>

Imagine preluat\u0103 de pe nginx.com<\/p><\/div>\n

Men\u021bionam mai sus c\u0103 este nevoie sa urm\u0103m anumi\u021bi pa\u0219i pentru activarea HTTP\/2. Ace\u0219tia sunt:<\/p>\n

    \n
  1. Cum se face activare certificatului SSL gratuit<\/strong>:\n
      \n
    1. Linux – cPanel<\/a><\/li>\n
    2. Windows – Plesk<\/a><\/li>\n<\/ol>\n<\/li>\n
    3. Cum se face trecerea de la http la https<\/strong>:\n