5 načina za poboljšanje brzine stranice na vašoj web stranici pomoću HTTP / 2

HyperText Transfer Protocol, inačica 2, ili HTTP / 2, najnoviji je standard HTTP-a. Ažuriranja protokola poboljšat će brzinu, učinkovitost i sigurnost web prometa. Međutim, prijelaz nije automatski.

Ovaj članak ima za cilj dati vam uvid u to što HTTP / 2 znači za vas i kako konfigurirati web lokaciju ili poslužitelj da iskoriste nove značajke.

Što HTTP / 2 znači za vas

Za redovite korisnike, promjene s HTTP / 1.1 u HTTP / 2 bit će prilično nevidljive.

Svi preglednici će trebati važeći certifikat sigurnosti razine prijevoza (TLS) za posluživanje web stranica putem HTTP / 2. Dakle, osim bržeg učitavanja stranica, povećat će se i sigurnost web stranica.

Za web dizajnere i vlasnike, HTTP / 2 može poboljšati brzinu učitavanja vaše web lokacije na svim uređajima.

Svaki moderni preglednik već podržava novi standard protokola (iako ovi mobilni preglednici ne podržavaju HTTP / 2). Međutim, u slučajevima kada preglednik ili poslužitelj ne podržavaju HTTP / 2, HTTP / 1.1 standard koristit će se automatski.

Kako će HTTP / 2 utjecati na dizajn web stranice?

Promjene uvedene u HTTP / 2 utjecat će na optimizaciju web stranica i poslužitelja radi učinkovitosti i brzine.

Nove značajke uvedene u HTTP / 2 omogućit će nam da zanemarimo mnoge HTTP / 1 zaobilaznice i tehnike optimizacije. To ne uključuje više umetnuće skripte u HTML ili kombiniranje datoteka radi smanjenja zahtjeva poslužitelja. Pooštravanje domene također više nije korisno.

U nekim slučajevima ta će poteškoća čak i negativno utjecati na brzinu vaše stranice ako se posluži HTTP / 2.

Većina internetskog prometa temelje se na mobilnom uređaju, pa razmislite o brzini mobilnog interneta i održavajte svoje medijske datoteke malim i optimiziranim za ove uređaje. Trebali biste i dalje umanjivati ​​JavaScript (JS), HTML i CSS.

Ako niste sigurni zašto biste trebali umanjiti datoteke, dobar bi početak bio naš članak o tome kako i zašto umanjiti JavaScript. JavaScript kompresori: kako i zašto umanjiti svoje JS JavaScript kompresore: kako i zašto umanjiti svoj JS Kompresiranje vašeg JavaScripta jedan je od načina ubrzanja vremena reakcije web stranice, a na sreću za vas, to je jednostavan proces. Danas ću vam pokazati sve što trebate znati.

HTTP koncepti koje biste trebali znati

U slučaju da niste upoznati s uvjetima navedenim u ovom članku, evo kratkog uvoda

Skripta skrivanja jest dodati JavaScript izravno u HTML dokument s oznakom. U HTML / 1.1 to će se riješiti malih JavaScript datoteka i brže će smanjiti zahtjeve poslužitelja i učitati skripte.

Smanjenje broja datoteka više nije veliko pitanje za brzinu stranice u HTTP / 2 zahvaljujući multipleksiranje, Prednost prioriteta struje, i Push poslužitelja.

multipleksiranje je nova značajka u HTML / 2 koja omogućuje višestruko Struje podataka preko jedne veze TCP (Protokol kontrole prijenosa).

Struje podataka je HTML / 2 pojam koji se koristi za dvosmjerne tokove podataka. Svakom toku možemo dati prioritet zahvaljujući njegovom jedinstvenom identifikatoru koji će nam pomoći u optimiziranju isporuke podataka.

Prednost prioriteta struje je još jedna nova značajka u HTML / 2. To nam daje mogućnost da kažemo poslužitelju da raspoređuje resurse i propusnost prema prioritetnim Struje podataka. Time se osigurava optimalna isporuka sadržaja visokog prioriteta klijentima.

Istrošenje domene je čin razdvajanja resursa web stranice na više web lokacija ili domena da bi se zaobišlo ograničenje istovremenog preuzimanja u HTML / 1.1.

U HTML / 2, multipleksiranje i Push poslužitelja istovremeno će preuzimanje izvršiti brže i učinkovitije nego Istrošenje domene. Zapravo, trenutno ne postoji podrška za upotrebu ovih značajki na više domena.

Push poslužitelja omogućit će poslužitelju da pošalje više odgovora za jedan zahtjev klijenta. Ukratko, poslužitelj može pretpostaviti o tome koje datoteke pregledač treba da učita stranicu, a da ih preglednik posebno ne zatraži..

Sada ćemo se usredotočiti na neke od promjena koje vlasnici web stranica trebaju izvršiti kako bi optimizirali web stranice za HTTP / 2. Za dublji uvid u ove koncepte, pročitajte naš prethodni članak: “Što je HTTP / 2 i kako utječe na budućnost interneta? Što je HTTP / 2 i kako utječe na budućnost interneta? Što je HTTP / 2 i kako utječe na budućnost interneta? Internet bi trebao biti učinkovitiji zahvaljujući dolasku HTTP / 2. Ali što je to i kako se poboljšava na HTTP-u? “.

5 Promjene web mjesta za HTTP / 2 optimizaciju

Glavne promjene koje biste trebali imati na umu kao vlasnici web stranice povezane su s načinom bavljenja resursima web stranice. Konkretno u pogledu načina na koji će poslužitelj vaše web stranice razgovarati s preglednikom i kako se datoteke dostavljaju.

Ispod su najčešće promjene koje biste trebali potražiti kako biste optimizirali HTTP / 2 web mjesto.

1. Ne kombinirajte CSS ili JavaScript

Više ne biste trebali objedinjavati niti kombinirati resurse svoje web stranice. U HTTP / 1.1 to će smanjiti broj HTTP zahtjeva i datoteka potrebnih za preuzimanje za prikaz vaše web stranice.

Svaki HTTP zahtjev dodat će kašnjenje, pa je u HTTP-u / 1.1 preuzimanje jedne datoteke često efikasnije od preuzimanja više datoteka. Manje datoteka pomaže i u prevladavanju ograničenja za istovremeno preuzimanje u HTTP / 1.1.

Kako HTTP / 2 omogućuje višestruka preuzimanja bez više zahtjeva poslužitelja, broj datoteka je manje važan pri optimizaciji za brzinu. U kombinaciji s predmemoriranjem određene su datoteke bolje u HTTP / 2.

Zapravo, konkretnije datoteke omogućuju vam posluživanje većine vaše web stranice iz vaše mreže isporuke sadržaja (CDN) i korisničke predmemorije preglednika. To također znači da preglednik neće morati preuzeti i analizirati jednu veliku datoteku s vašeg poslužitelja prilikom manjih pregledavanja web mjesta.

2. Ne umetnite skripte u HTML

Ugradnja CSS i JS datoteka u vaš HTML dokument poboljšat će brzinu učitavanja stranice u HTTP / 1.1. Kao i kod kombiniranja datoteka, to će smanjiti broj datoteka i zahtjeve poslužitelja.

Umetanje skripti u HTML pri korištenju HTTP / 2 smanjit će optimizaciju brzine stranice iz predmemoriranja, uklanjanjem mogućnosti preglednika da pojedinačno kešira sredstva.

To će također izbiti svako poboljšanje u odnosu na prioritetno strujanje jer će sva ugrađena skripta i sadržaj dobiti istu razinu prioriteta kao i vaš HTML sadržaj.

Umjesto dodavanja dodataka za smanjenje HTTP zahtjeva, iskoristite multipleksiranje i push server. To će preglednicima omogućiti da preuzmu više resursa s manje zahtjeva i poboljšati brzinu učitavanja stranice.

Ukratko, imajte odvojene i male resurse kad je to moguće.

3. Prestanite koristiti CSS slike

Kreditna slika: jurgenwesterhof / Wikimedia

Slika Sprites su slike sačinjene od mnogo manjih slika (poput gornje). CSS zatim određuje koji će se dijelovi slike prikazati.

Kao i kod većine HTTP / 1.1 zaobilaznih rješenja, i mi koristimo slikovne sprite dijelom za smanjenje zahtjeva poslužitelja. U HTTP / 2 možete sigurno koristiti odvojene slike bez negativnog utjecaja na brzinu učitavanja stranice.

Manje datoteke preuzet će se brže i učinkovitije zahvaljujući multipleksiranju i push serveru.

4. Nemojte koristiti rezanje domena

Pooštravanje domene koristi se za zaobilaženje ograničenja istovremenog preuzimanja u HTTP / 1. To ograničenje obično iznosi između četiri i osam po domeni i postavljaju ih preglednici djelomično kako bi umanjili DDOS napade.

Na primjer, izoštravanje vaše web stranice na četiri domene teoretski može poslužiti resurse u četvrtini vremena u HTTP / 1.1.

Pooštravanje domene više nije potrebno zahvaljujući HTTP / 2 multipleksiranju.

Imajte na umu da preglednici ne mogu koristiti multipleksiranje i paralelno preuzimanje na više domena u HTTP / 2. Oštravanje će također smanjiti prioritetnu struju HTTP / 2, dodatno smanjujući prednosti upotrebe HTTP / 2.

5. Iskoristite prednost Push Server

Možda najznačajnije poboljšanje HTTP / 2 je push server.

U HTTP / 1.1, kada zatražite pregled stranice, poslužitelj će prvo poslati HTML dokument. Tada će vaš preglednik započeti raščlanjivanje i zasebno zatražiti CSS, JS i medijske datoteke navedene u dokumentu.

U HTTP / 2, push server omogućuje poslužitelju da zahtijevane resurse gurne u preglednik bez posebnog zahtjeva za njih. To uključuje CSS i JavaScript datoteke, kao i medije, a smanjit će HTTP zahtjeve i ubrzati učitavanje stranica.

Smashing Magazine ima izvrstan opsežni vodič o HTTP / 2 pritisku poslužitelja s uvidom u to kako radi i kako to omogućiti.

Kako konfigurirati poslužitelj za HTTP / 2

Većina implementacija poslužitelja već podržava HTTP / 2. No ako koristite zajednički domaćin, morat ćete provjeriti kod administratora vašeg poslužitelja je li aktivirao HTTP / 2. Ako vas zanima, GitHub ima popis implementacija na poslužitelju koje podržavaju HTTP / 2.

Nginx poslužitelji imaju izvornu podršku za HTTP / 2, dok ćete možda trebati konfigurirati Apache poslužitelje da omoguće HTTP / 2 podršku.

Ako je na vašoj web lokaciji omogućen HTTPS, (zahtjev HTTP / 2) možete provjeriti isporučuje li se vaša web lokacija s HTTP / 2 na http2.pro. To je reklo, ako koristite Cloudflare kao svoj CDN, bilo koji sadržaj s njihovih poslužitelja poslužuje se preko HTTP / 2, bez da morate mijenjati.

Domaćini specifični za WordPress ponekad će ograničiti promjene u konfiguraciji koje možete napraviti, posebno u njihovim nižim nivoima usluga. U skladu s tim, preporučujemo Bluehost za vaše WordPress stranice. Bluehost nudi besplatne SSL i CDN i poslužit će vaše web stranice putem HTTP / 2.

HTTP / 2 je samo prvi korak

HTTP / 2 predstavlja veliko poboljšanje u odnosu na prethodni standard i sada biste trebali imati uvid u prednosti koje možete dobiti od njegove primjene..

Web lokacije s omogućenim statusom učitavat će se brže i sigurnije, što će također povećati vašu ocjenu pretraživanja. HTTP / 3 je već na putu, a konfiguriranje vaše web stranice za HTTP / 2 učinit će vaš eventualni skok na HTTP / 3 znatno glatkijim.

Osim postavljanja vaše web stranice za HTTP / 2, trebali biste također razmotriti ove načine da se web stranica brže učitava. 7 načina da se web stranica ili blog brzo učita za posjetitelje? 7 načina da napravite web stranicu ili da se blog brzo učita za posjetitelje. Evo nekoliko najbolji savjeti kako ubrzati web mjesto i osigurati da se posjetitelji pridržavaju. .