Het internet is constant bezig vooruitgang te boeken met snelheid als de belangrijkste metriek voor vooruitgang en een belangrijke vraag voor de meeste webontwikkelaars. Een vorige {$lang_domain} artikel Hoe langzaam is te langzaam in 2016? benadrukten de noodzaak om ons op snelheid te concentreren, dus hebben we besloten om enkele functies te presenteren die uw site zullen helpen om de rang te behalen in 2016.
Gepubliceerd in mei 2015 en ondersteund sinds de tweede helft van 2015, HTTP / 2 is een nieuwe versie van het wereldwijde webprotocol.
De belangrijkste verbetering is de mogelijkheid om meerdere verzoeken in één verbinding te behandelen. Deze mogelijkheid wordt multiplexen genoemd en is revolutionair voor webontwerpers. Technieken zoals sprites of Gegevens-URI's zal niet meer effectief zijn.
HTTP / 1 was efficiënter bij het laden van één grote afbeelding in plaats van meerdere kleine, omdat het niet in staat was om meerdere verzoeken tegelijk af te handelen. Dit werd in de nieuwe versie geregeld.
HTTP / 2 comprimeert ook kopteksten voordat de gevraagde gegevens worden verzonden, wat het transport vereenvoudigt. Ten slotte is de nieuwe versie binair en niet tekstueel, zoals de vorige versie was.
Het resultaat is een prestatieverbetering van maximaal 50%. Je kunt het verschil testen hier .
Het moeilijkste aan het verplaatsen naar HTTP / 2 is helemaal geen HTTP / 2. Hoewel HTTP / 2 geen beveiligde website vereist, ondersteunen browsers dit alleen via SSL.
Uw eerste stap op weg naar HTTP / 2 moet daarom een SSL-certificaat zijn.
Als u eenmaal een certificaat hebt, is het alleen implementeren van HTTP / 2 alleen mogelijk als u uw server beheert. Anders hangt het allemaal af van uw webhosting- of serverhostingbedrijf.
Volgens W3Techs , momenteel gebruikt slechts ongeveer 7% HTTP / 2.
Simpel gezegd, SSL-certificaten coderen de verbinding tussen een server en een client. Het verkrijgen van een certificaat is gemakkelijker dan u misschien denkt en u kunt er een gratis krijgen met Let's Encrypt.
Let's Encrypt is een nieuwe certificeringsautoriteit die medio april 2016 de openbare bèta heeft verlaten. Het doel van Let's Encrypt is om alle handmatige processen die nodig zijn voor het behalen van een certificaat te elimineren. met Let's Encrypt is het hele proces geautomatiseerd en duurt het slechts enkele minuten.
U kunt een certificaat krijgen via uw webhostingprovider. Voor degenen die hun eigen server beheren, Dit artikel biedt een stapsgewijze installatiehandleiding.
Brotli is een nieuw compressie-algoritme dat afgelopen najaar door Google is geïntroduceerd. Over het algemeen verminderen compressie-algoritmen de omvang van getransporteerde gegevens.
Google meldde dat Brotli in vergelijking met de huidige oplossingen een compressieratio van 20-26% biedt. Als gevolg hiervan kunt u ongeveer 40% van uw verkeer op HTML-bestanden opslaan en ongeveer 25% op CSS en Javascript.
Vanaf nu wordt Brotli alleen ondersteund door Chrome en Firefox, andere browsers volgen binnenkort.
Wat servers betreft, vereisen grote servers zoals Nginx, Apache en Node.js een pakketinstallatie. Geen enkele server biedt Brotli standaard aan op dit moment.
Een Content Delivery Network is een set servers over de hele wereld. Deze servers bevatten kopieën van de inhoud van uw site (afbeeldingen, video's, software enz.). Wanneer uw gegevens worden geopend, worden ze vanaf een server dichter bij de bezoeker geladen en is de totale belasting over de hele planeet dus veel sneller.
Een ander groot voordeel is de verbeterde betrouwbaarheid van uw site. Omdat de inhoud wordt verspreid over tientallen servers, wordt uw webhostingserver een aanzienlijk deel van het verkeer gespaard en daarom beter beschermd tegen crashen.
Het resultaat is dat een website sneller (gemiddeld) 50% sneller wordt geladen. Meestal zelfs meer.