Hoe je browser cache van uw website of blog hefboomwerking

Hoe je browser cache van uw website te benutten of blog cachebare middelen

Leverage browser caching

Wat is de browser cache?

  • Browser caching slaat webpagina resource-bestanden op een lokale computer wanneer een gebruiker een webpagina bezoekt.
  • "leveraging" browser caching is wanneer een webmaster browsers hoe hun middelen moeten worden aangepakt heeft opgedragen.

Wanneer een web browser uw webpagina toont het moet verschillende dingen te laden, zoals uw logo, uw CSS-bestand, en andere hulpmiddelen.

Welke browser caching doet is "onthouden" de middelen die de browser al is geladen. Wanneer een bezoeker naar een andere pagina op uw website uw logo, CSS-bestanden, etc. hoeven niet opnieuw te worden geladen, omdat de browser hen heeft "herinnerde" (Opgeslagen). Dit is de reden dat de eerste weergave van een webpagina duurt langer dan herhalingsbezoek.

Als je browser caching benutten, zal uw webpagina bestanden opgeslagen in de browser cache. Uw pagina’s veel sneller andere pagina’s dat diezelfde middelen te delen laden voor terugkerende bezoekers en zo zal.

Als u uw webpagina voor snelheid hebben getest en ontdekte dat je nodig hebt om de browser caching benutten, hier is hoe je het doet.

Hoe je browser caching hefboomeffect

  1. Verander het verzoek headers van uw middelen om caching te gebruiken.
  2. Optimaliseer uw caching-strategie.

Verander het verzoek headers van uw middelen om caching gebruiken

Voor de meeste mensen is de manier om caching in staat is om een ​​code toe te voegen aan een bestand genaamd .htaccess op uw web host / server.

Dit betekent dat naar de file manager (of waar je naar bestanden toe te voegen of upload) op uw webhost.

Het .htaccess bestand regelt veel belangrijke dingen voor uw site. Als je niet bekend bent met het .htaccess bestand, lees mijn werken met .htaccess artikel om nog wat te weten hoe voordat het te veranderen.

Browser caching voor .htaccess

De code hieronder vertelt browsers wat te cachen en hoe lang "onthouden" het. Het moet aan de bovenkant van je .htaccess bestand worden toegevoegd.

Sla het .htaccess bestand en vernieuw uw webpagina.

Hoe de verschillende caching tijden voor verschillende bestandstypen

Alternatieve caching methode voor .htaccess

Bovenstaande methode heet "verloopt" en het werkt voor de meeste mensen gebruik van .htaccess, zodat het zorgt voor caching voor de meeste mensen die net zijn begonnen.

Nadat u meer comfortabel met caching, kunt u proberen Cache-Control, een andere methode van caching die ons meer mogelijkheden geeft.

Het is ook mogelijk het afloopt methode niet werkt voor uw server, in dat geval kunt u willen proberen om Cache-Control gebruiken.

Cache-Control

Let op: Ik heb een meer complete gids maakte om Cache-Control hier.

Cache-Control stelt ons in staat om een ​​beetje meer controle over onze browser caching hebben en veel mensen vinden het gemakkelijker te gebruiken een keer setup.

Voorbeeld gebruik in .htaccess bestand:

De bovenstaande code is het instellen van een cache-control header, afhankelijk van het type bestand.

Hoe cache-control werkt

Laten we de bovenstaande code regel voor regel.

# 1 maand voor de meeste statische activa

De bovenstaande regel is gewoon een briefje. Het doet niets, behalve noteren wat wij doen doen. Het .htaccess bestand negeert regels die beginnen met het karakter #. Deze nota wordt aanbevolen als u verschillende sets van deze kan als uw caching-oplossing groeit.

De bovenstaande regel zegt dat "als het bestand is een van deze types, dan zullen we iets aan doen.

Header set Cache-Control "max-age = 2592000, openbaar"

De bovenstaande regel is waar de werkelijke headers zijn geplaatst en de waarden.

  • De "Header set Cache-Control" deel is het instellen van een header.
  • De "max-age = 2592000" deel is waarin staat hoe lang het moet worden gecached (met behulp van seconden). In dit geval hebben we een maand cachen die "2592000" seconden.
  • De "openbaar" deel is waarin staat dat dit publiek (dat is goed als je wilt dat het wordt in de cache).

De bovenstaande regel is het sluiten van de verklaring en eindigt het blok van de code.

Common caching probleem

Als u een lijst van uw html en afbeeldingen worden cache opgeslagen voor een jaar of een andere lange periode, niet vergeten dat dit kan betekenen als u een wijziging in uw pagina’s die ze mogen niet gezien worden door alle gebruikers. Dit komt omdat de gebruikers zullen kijken naar bestanden in de cache in plaats van de live-Ones. Als u het bestand dat u af en toe aanpassen (bijvoorbeeld – een CSS-bestand) hebt, kunt u de cache probleem op te lossen door het gebruik van URL-vingerafdrukken.

URL fingerprinting

Het krijgen van een vers (niet in cache-bestand) bron is mogelijk door het hebben van een unieke naam. Een voorbeeld zou zijn als onze css-bestand werd genoemd "main.css" we konden noemen "main_1.css" in plaats daarvan. De volgende keer dat we veranderen kunnen we het noemen "main_2.css". Dit is handig voor bestanden die tijd te veranderen.

caching methoden

Het is belangrijk om een ​​van te specificeren of Geldig Cache-Control max-leeftijd, en één Last-Modified of ETag, alle cachebare middelen. Het is overbodig om te specificeren zowel Verloopt en Cache-Control: max-leeftijd, of aan beide Last-Modified en ETag opgeven.

Bron: varvy.com

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *