Webhelyoldalak gyorsítótárazása .htaccess használatával – Gyorsítótár

nyomtatás · Время на чтение: 9мин · Автор: · Опубликовано · Обновлено

szaporodniHallgassa meg a cikket

Statikus fájlok és oldalak gyorsítótárazása.

Webhelyoldalak gyorsítótárazása .htaccess segítségével. A műszaki optimalizálás ugyanolyan fontos szakasza, mint engedélyezze a gzip tömörítést vagy CSS kicsinyítés. A gyorsítótár oldalak és fájlok engedélyezésével jelentősen megnövelheti a webhely sebességét. És időnként csökkenti a szerver terhelését. Az egyszerű manipulációknak köszönhetően webhelye repülni kezd.

Ebben a cikkben a téma minden aspektusáról beszélünk. Mi a gyorsítótár jelentősége a webhely és annak alkalmazása szempontjából. Leírok példákat, amelyeket a gyakorlatban is alkalmazni tudsz. Ezenkívül rövid áttekintést kap néhány meglehetősen jó gyorsítótár-bővítményről a WordPresshez.

Mi az a webhely gyorsítótár – hogyan hat a gyorsítótár a webhelyre

Egyszerűen fogalmazva: gyorsítótár - ez az oldal információinak mentése a felhasználótól a böngészőben. Így a szerver fő terhelése csökken. Az oldal jelentős részét nem kell majd betölteni, hiszen a mentett részét a felhasználó böngészője tölti be. Ez egy rendkívül hatékony módszer az oldal betöltésének felgyorsítására.

A gyorsítótár vagy a gyorsítótár egy köztes vágólap gyors hozzáféréssel. A gyakran kért információk megőrzése és tárolása. A gyorsítótárban lévő adatokhoz való hozzáférés gyorsabb, mint a lassabb memóriaforrásokból. De van egy memóriakorlát. Egyszerű nyelven a gyorsítótár rövid memória.

Ugyanakkor a gyorsítótárazás nem károsítja a felhasználót. De javítja a projekt megjelenítését a böngészőben. Hogyan történik ez! Amikor a felhasználó felkeresi az oldalt. A töltése kicsit lassabb a kelleténél. Ez annak a ténynek köszönhető, hogy a böngésző ebben a pillanatban elmenti a webhely egy példányát. Ez nagyobb mértékben a következőkre vonatkozik:

  1. logókhoz;
  2. kis képek;
  3. css fájlok;
  4. általános oldalszerkezet.

Így az oldal egy része folyamatosan a felhasználó böngészőjének memóriájában (cache) található. Ennek köszönhetően az oldal újratöltésekor a látogató a lehető legnagyobb válaszsebességet kapja. A böngésző ebben a pillanatban eltávolít néhány elemet a memóriájából. És a webhelyen nincs szükség nagy mennyiségű információ újraküldésére.

Ha a webhely gyorsítótára engedélyezve és konfigurálva van. Ennek egy bizonyos része a szükséges ideig elmentésre kerül a látogató böngészőjének helyi gyorsítótárában. Mely weboldalak töltődnek be sokkal gyorsabban ismételt látogatások alkalmával.

A webhely gyorsítótárazásának engedélyezése és konfigurálása

Egyáltalán nem nehéz ezt megtenni. Folytatjuk a munkát a htaccess fájllal, amely meghatározza a szerver szabályait. Sok cikkben leírtam, hogyan kell vele dolgozni. Szóval rögtön a lényegre térek. A szabvány szerint a gyorsítótárazás a szükséges fájlokhoz és egy bizonyos ideig van beállítva. A fájl tárolására szánt idő lejárta után a fájl aktuális verziója újra letöltődik a szerverről. Ehhez szüksége van:

  • Hozzon létre egy FilesMatch típusú konstrukciót. Ebben megadjuk a gyorsítótárazáshoz szükséges fájlkiterjesztéseket.
  • Ezután megadjuk a Cache-Control fejlécet a max-age változóval. Itt a Cache-Control a szerver válaszfejléce. A Max-age egy változó, amely megadja a fájl tárolási idejét másodpercben.

A FilesMatch konstrukcióban használt kiterjesztések tipikus listája:

(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)

Azoknak a fájloknak, amelyeket nem szeretne gyorsítótárba helyezni, nem kell szerepelniük a FilesMatch konstrukció listájában.

Kódpélda Fejléckészlet Cache-Control

# gyorsítótár vezérlés

# 30 nap

Fejléckészlet Cache-Control „max-age=2592000, public”

# 30 nap

Fejléckészlet Cache-Control „max-age=2592000, public”

# 2 nap

Fejléckészlet Cache-Control „max-age=172800, nyilvános, újra kell érvényesíteni”

Érték -#- megjegyzés! Amint láthatja, a megjegyzések jelzik azokat a feltételeket, amelyekre a fájlok mentésre kerülnek. Lehetőség van a kényszerített gyorsítótár letiltására is. Ez az opció dinamikus fájlokhoz alkalmas. Inkább a szkriptekhez és a különféle forgatókönyvekhez kapcsolódik.

Példa a „FilesMatch” konstrukcióra, amely letiltja a kényszerített gyorsítótárazást


Fejléc törlése Cache-Control

Mint látható, nincsenek határidők. Ezért ezek a fájlkiterjesztések nem kerülnek gyorsítótárba. Ebben a kialakításban hozzáadhatja a fájlkiterjesztéseket.

A gyorsítótár kezelésének van egy másik módja is, amelyet a WordPrees számos beépülő modulja használ. Ebben a módszerben a mod_expires modult fogjuk használni. Ez a modul képes a HTTP válaszfejlécek vezérlésére a szerver oldalon. Itt állíthatja be az adatok gyorsítótárban való tárolásának fő idejét.

Számos beállítást tartalmaz az adattárolás időtartamára vonatkozóan:

  1. ügyfél hozzáférési ideje szerint;
  2. vagy a fájl utolsó módosításával;
  3. idő beállítás;

Egyszerű gyorsítótár kód példa

# lejár fejlécek – 2678400s = 31 nap

Lejár Aktív Be
LejárAlapértelmezett „hozzáférés plusz 1 másodperc”
ExpiresByType text/html "hozzáférés plusz 7200 másodperc"
ExpiresByType kép/gif „hozzáférés plusz 2678400 másodperc”
ExpiresByType kép/jpeg „hozzáférés plusz 2678400 másodperc”
ExpiresByType image/png „hozzáférés plusz 2678400 másodperc”
ExpiresByType text/css "hozzáférés plusz 518400 másodperc"
ExpiresByType szöveg/javascript „hozzáférés plusz 2678400 másodperc”
ExpiresByType alkalmazás/x-javascript „hozzáférés plusz 2678400 másodperc”

A gyorsítótár komolyabb használati esete

Lejár Aktív Be
ExpiresByType text/css A31536000
ExpiresByType text/x-component A31536000
ExpiresByType application/x-javascript A31536000
ExpiresByType alkalmazás/javascript A31536000
ExpiresByType text/javascript A31536000
ExpiresByType text/x-js A31536000
ExpiresByType text/html A3600
ExpiresByType text/richtext A3600
ExpiresByType image/svg+xml A3600
ExpiresByType szöveg/sima A3600
ExpiresByType text/xsd A3600
ExpiresByType text/xsl A3600
ExpiresByType text/xml A3600
ExpiresByType video/asf A31536000
ExpiresByType video/avi A31536000
ExpiresByType image/bmp A31536000
ExpiresByType alkalmazás/java A31536000
ExpiresByType video/divx A31536000
ExpiresByType alkalmazás/msword A31536000
ExpiresByType application/vnd.ms-fontobject A31536000
ExpiresByType alkalmazás/x-msdownload A31536000
ExpiresByType image/gif A31536000
ExpiresByType application/x-gzip A31536000
ExpiresByType image/x-icon A31536000
ExpiresByType image/jpeg A31536000
ExpiresByType image/webp A31536000
ExpiresByType alkalmazás/json A31536000
ExpiresByType application/vnd.ms-access A31536000
ExpiresByType audio/midi A31536000
ExpiresByType video/quicktime A31536000
ExpiresByType audio/mpeg A31536000
ExpiresByType video/mp4 A31536000
ExpiresByType video/mpeg A31536000
ExpiresByType application/vnd.ms-project A31536000
ExpiresByType application/x-font-otf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType application/vnd.oasis.opendocument.database A31536000
ExpiresByType application/vnd.oasis.opendocument.chart A31536000
ExpiresByType application/vnd.oasis.opendocument.formula A31536000
ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
ExpiresByType application/vnd.oasis.opendocument.text A31536000
ExpiresByType audio/ogg A31536000
ExpiresByType alkalmazás/pdf A31536000
ExpiresByType image/png A31536000
ExpiresByType application/vnd.ms-powerpoint A31536000
ExpiresByType audio/x-realaudio A31536000
ExpiresByType image/svg+xml A31536000
ExpiresByType application/x-shockwave-flash A31536000
ExpiresByType alkalmazás/x-tar A31536000
ExpiresByType image/tiff A31536000
ExpiresByType application/x-font-ttf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType audio/wav A31536000
ExpiresByType audio/wma A31536000
ExpiresByType application/vnd.ms-write A31536000
ExpiresByType alkalmazás/font-woff A31536000
ExpiresByType alkalmazás/font-woff2 A31536000
ExpiresByType application/vnd.ms-excel A31536000
ExpiresByType alkalmazás/zip A31536000

Amint látjuk, itt nagyon sok kiterjesztés érintett. Ugyanolyan eltarthatósági idővel.

Gyorsítótár a böngészőben a felhasználó oldalán 3-7 napig vagy egy évig

Itt a fájlkiterjesztések nagy része egy évig megőrződik. Ez inkább a képeknél hasznos, mivel szerintem kevesen változtatják meg őket. Így azok év közben betöltődnek a látogató böngészőjében.

# felhasználói oldali böngésző gyorsítótár

Lejár Aktív Be
LejárAlapértelmezett „hozzáférés 7 napig”
ExpiresByType alkalmazás/javascript „hozzáférés plusz 1 év”
ExpiresByType szöveg/javascript „hozzáférés plusz 1 év”
ExpiresByType text/css „hozzáférés plusz 1 év”
ExpiresByType text/html „hozzáférés plusz 7 nap”
ExpiresByType text/x-javascript „hozzáférés 1 év”
ExpiresByType kép/gif „hozzáférés plusz 1 év”
ExpiresByType kép/jpeg „hozzáférés plusz 1 év”
ExpiresByType image/png „hozzáférés plusz 1 év”
ExpiresByType image/jpg „hozzáférés plusz 1 év”
ExpiresByType image/x-icon „hozzáférés 1 év”
ExpiresByType alkalmazás/x-shockwave-flash „hozzáférés 1 év”
ExpiresByType js „hozzáférés 3 nap”

Tartalom gyorsítótárazása (Flash, CSS, JS, HTML, XML) és képek

Ebben a példában csak bizonyos fájlokhoz használjuk a gyorsítótárat. És rövidebb ideig.

Lejár Aktív Be
# képgyorsítótár
ExpiresByType image/x-icon "hozzáférés plusz 2592000 másodperc"
ExpiresByType kép/jpeg „hozzáférés plusz 2592000 másodperc”
ExpiresByType image/png „hozzáférés plusz 2592000 másodperc”
ExpiresByType kép/gif „hozzáférés plusz 2592000 másodperc”
# Tartalom-gyorsítótár (Flash, CSS, JS, HTML, XML)
ExpiresByType alkalmazás/x-shockwave-flash „hozzáférés plusz 2592000 másodperc”
ExpiresByType text/css "hozzáférés plusz 604800 másodperc"
ExpiresByType szöveg/javascript „hozzáférés plusz 2592000 másodperc”
ExpiresByType alkalmazás/javascript „hozzáférés plusz 2592000 másodperc”
ExpiresByType alkalmazás/x-javascript „hozzáférés plusz 2592000 másodperc”
ExpiresByType text/html „hozzáférés plusz 600 másodperc”
ExpiresByType application/xhtml+xml „hozzáférés plusz 600 másodperc”

Az oldalak és webhelyfájlok gyorsítótárának beállítása nem olyan nehéz dolog. A legfontosabb dolog a megfelelő stratégia kiválasztása. A fenti példák mindegyikét saját belátása szerint használhatja. Tesztelje a stratégiákat, és válassza ki a megfelelő kódopciót. Az alábbiakban néhány WordPress gyorsítótár-bővítményről fogok beszélni.

Gyorsítótárazás beállítása WordPress bővítményekkel

A CMS-t használók számára a WordPress gyorsítótár-bővítmények széles választékát kínálja. Mindegyik rendelkezik teljes körű megoldással és automatikus konfigurációval. Az ilyen bővítmények használatakor nem lehet különösebb probléma. Egy ilyen bővítmény telepítése után csak alkalmaznia kell a szükséges beállításokat. A beépülő modul automatikusan elmenti őket a htaccess fájlba.

WP leggyorsabb gyorsítótár

WP leggyorsabb gyorsítótár Prémium leggyorsabb gyorsítótár beépülő modul.

Egy népszerű és meglehetősen hatékony gyorsítótárazási bővítmény a WP számára. Sokféle beállítással rendelkezik, beleértve HTML optimalizálás, CSS és Js. Még egy kezdő felhasználó is rájön.

WP SuperCache

A WP Super Cache egy bővítmény, amely felgyorsítja az oldalak betöltését.

Nagyon népszerű plugin! Kiváló funkcionalitás és kényelmes beállítások. Képes nagyszámú különböző objektum gyorsítótárazására. A plugin beállítása nagyon egyszerű.

W3 Teljes gyorsítótár

A legjobb WordPress gyorsítótár-bővítmény a W3 Total Cache.

Hatékony megoldás nagyméretű webhelyekhez. A legnépszerűbb plugin a maga nemében. Nagyon sokféle beállítás és funkcionalitás áll rendelkezésre. Óvatosan kell konfigurálnia, mert kritikus hibákat okozhat. Fennáll az ütközés lehetősége más bővítményekkel vagy témákkal. De ami a funkcionalitást illeti, egy nagyon jó és erős plugin.

Ezek a fő és legnépszerűbb gyorsítótár-bővítmények, amelyeket magam is használtam. A preferenciáitól függően bármelyiket választhatja.

Végül

Ebben a cikkben igyekeztem a lehető legnagyobb mértékben lefedni a gyorsítótárazás témáját. Példák megadása, amelyek az Ön jellemzőitől függően használhatók. A gyorsítótárazás beállítása ezzel az útmutatóval a karikacsapás módjára fog menni. Remélem ez a cikk még sokáig aktuális lesz. Köszönöm a figyelmet, de nem búcsúzom. Találkozunk a következő cikkekben.

Köszönjük, hogy elolvasta Nicola Topot

Mennyire hasznos a poszt?

Kattintson a smiley-ra az értékeléshez!

átlagos értékelés 4.9 / 5. Értékelések száma: 25

Még nincsenek értékelések. Értékelje először.

Читайте также:

Добавить комментарий

Az e-mail címet nem tesszük közzé. Обязательные поля помечены *

9 − négy =