Gzip tömörítés js / css / html webhelygyorsítás – hogyan lehet engedélyezni a .htaccess fájlban

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

szaporodniHallgassa meg a cikket

Gzip tömörítés js css html.Üdvözlet, kedves olvasók! Ma arról fogunk beszélni gzip js tömörítés | css | htmla webhely betöltésének felgyorsítása érdekében. Hogyan lehet engedélyezni .htaccess fájllal. Azt is elmondom, hogy miért kell egyáltalán engedélyezni a fájltömörítést a szerver oldalon.

Ez a téma közvetlenül kapcsolódik a műszakihoz webhely optimalizálás. Meglehetősen egyszerű manipulációk lehetővé tételével, jelentősen felgyorsítja a weboldal betöltését. A gyors webhely jelentős siker a keresőmotorok népszerűsítésében.

Mi a célja a Gzip fájltömörítés engedélyezésének a .htaccess fájlban?

Hogyan lehet engedélyezni a webhely oldalainak Gzip-tömörítését.

Ahogy sok cikkemben mondtam! A kezdeti szakaszban lévő hely meglehetősen nagy súlyú. És azok. optimalizálás szükséges csökkentse oldalunk súlyát. Mindenképpen csökkentenünk kell a kód mennyiségét, az oldalak, képek és egyéb dolgok súlyát. Az általános feladat az oldal könnyű és gyorsan betölthető verziójának biztosítása a felhasználó számára.
Így gyorsan adjuk át az információkat. Az oldalak és a szakaszok közötti átmenet a másodperc töredéke alatt megy végbe. Ugyanakkor a látogatók gyorsan láthatják az összes betöltött dizájnelemet és az interakció egyéb interaktív elemeit.

GZIP-tömörítés – biztosítja az átvitt fájlok megszakítás nélküli archiválását. Így a forrás minőségének veszteségmentes tömörítését kapjuk. Minden adat az eredeti állapotba kerül a kicsomagolás után, már a felhasználó böngészőjében. Maga a megvalósítás több munkaalgoritmusnak köszönhető. Ezek közé tartozik az alapvető DEFLATE az LZ77 és a Huffman használatával.

Természetesen ez a fajta tömörítés (tömörítés) nem ideális megoldás. A Gzip megvalósítása azonban egyensúlyba hoz bennünket a sebesség és a tömörítési arány között. Ez a módszer a legnépszerűbb a webhely felgyorsításának egyéb módjai között. Ráadásul egy globálisabb módszer megvalósítása a szerveren sok időt és tesztelést igényel. És lehet, hogy nem hozza meg a kívánt eredményt! A Gzip tömörítés ebben a tekintetben a legmegbízhatóbb módja a fájlletöltések felgyorsításának.

Gzip tömörítés – mely fájlok esetén elfogadható? Milyen szervereken működik?

Valójában a gzip tömörítés a fájlok nagy listáját fedi le. De van egy kis hátránya! Amikor egy felhasználó felkeres egy webhelyet, a szervernek menet közben nagy mennyiségű adatot kell tömörítenie. Ez bizonyos terheléshez vezet a szerveren. De ez a legtöbb esetben nem kritikus. Az átvitel után az összes támogatott fájlformátum tökéletesen megjelenik a népszerű böngészőkben.

A főbbek a következők:

  • text/plaintext/html;
  • szöveg/xml alkalmazás/xml alkalmazás/xhtml+xml alkalmazás/xml-dtd;
  • application/rdf+xml application/rss+xml application/atom+xml image/svg+xml;
  • text/css text/javascript application/javascript application/x-javascript;
  • font/opentype alkalmazás/font-otf alkalmazás/x-font-otf;
  • font/truetype application/font-ttf application/x-font-ttf.
A Gzip fájltömörítést a fő Apache és Nginx szerverek használják. Érvényes munkamodulokkal és szerver képességekkel.

Például: Nginx - statikusra használják. Jól tömöríti és feldolgozza a statikus fájlokat. A tömörítés az ngx_http_gzip_module és ngx_http_gzip_static_module moduloknak köszönhetően történik. A megszakítás nélküli, menet közbeni tömörítés úgy történik, hogy a fő bővítményt „.gz”-re cseréljük.

Példa egy szabványos konfigurációra:

gzip on;
gzip_min_length 1000;
gzip_types text/plain application/xml;

Az Apache a legkeresettebb szerver. Természetesen a tömörítés ambiciózusabb és testreszabhatóbb lesz. A Gzip tömörítés ezen a szerveren a mod_deflate modul segítségével történik. Tömörítés biztosításával menet közben, mielőtt elküldené a felhasználó böngészőjébe.

Példa egy szabványos konfigurációra:

# GZIP engedélyezése – tömörítés engedélyezése
AddOutputFilterByType DEFLATE szöveg/sima
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE alkalmazás/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Tömörítés lassú algoritmussal a szerver terhelésének csökkentése érdekében.

Írja újra a motort
AddEncoding gzip .gz
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
Újraírási szabály ^(.*)$ $1.gz [QSA,L]

A PHP kevésbé népszerű lehetőség. De képes a tömörítés megszervezésére is a zlib modul segítségével. Ez a módszer nem ajánlott, mivel rendkívül lassú.

Példa egy szabványos konfigurációra:

1TP29OriginalFile = __DIR__ . '/jquery-1.11.0.min.js';
$gzipFile = __DIR__ . '/jquery-1.11.0.min.js.gz';

1TP29EredetiData = file_get_contents(1TP29EredetiFájl);

$gzipData = gzencode(1TP29Eredeti adatok, 9);
file_put_contents($gzipFile, $gzipData);

var_dump(fájlméret(1TP29Eredeti fájl)); // int(96380)
var_dump(fájlméret($gzipFile)); // int(33305)

Természetesen az Apache + Nginx + PHP szerverek együttes használata is lehetséges. Így a szerverek között bizonyos terheléselosztás biztosított. De ez egy nagyon nehéz feladat, amelyet a hétköznapi felhasználók nem tehetnek meg.

A szerveremet magam konfiguráltam, kihasználva az Apache/Nginx/PHP összes fő előnyét. Így az Nginx kezeli a statikus, az Apache a többit PHP-vel. Az eredmény nagyon pozitív. De sok időt fordítottak ennek a módszernek a megszervezésére.

A Gzip-tömörítés engedélyezése .htaccess fájlban

Valójában ezt nem nehéz megtenni. Sőt, erről a fájlról már beszéltem.

Az alapszabályok változatlanok:

  1. Szerkesztés előtt mindenképpen mentse az eredeti .htaccess fájlt. 500-as hiba esetén lesz mit visszaállítani.
  2. A sorok között nem lehet hézag.
  3. Minden megjegyzést az # jel után írunk.
  4. A beillesztés után feltétlenül ellenőrizze a kód sértetlenségét.

A szabványos .htaccess szabályok konfigurációjára több példát is említettünk már fent. De véleményem szerint ez nem elég, ezért hozom a saját példámat. Ez a szabályrendszer működik ezen az oldalon, amint látható, nincs probléma.

Ugyanakkor a tömörítés menet közben történik, a helyszín gyorsan, fékek nélkül betöltődik. Mindössze be kell illesztenie ezt a kódot a .htaccess fájlba. Ha van saját szervered, akkor szerintem mindent magad tudsz.

A fő közönség számára használati útmutató:

  1. Bármilyen népszerű ftp klienssel megyünk a szerverre;
  2. Lépjen a webhely gyökerére (könyvtár);
  3. A .htaccess fájl a webhely főkönyvtárában található;
  4. Szövegszerkesztővel nyitjuk meg, általában a Sublime Text 3 jobb;
  5. Ezután a fájl legvégére illessze be az alább látható kódot.
  6. Kérjük, ellenőrizze a kódot, mivel az oldal másolásvédelemmel rendelkezik (a kód végén lehet link az oldalra).

# GZIP engedélyezése
Az ifmodule mod_deflate.c zárójelek közé kell tenni „<>”
AddOutputFilterByType DEFLATE szöveg/sima
AddOutputFilterByType DEFLATE szöveg/szöveg
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE szöveg/sima
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE kép/gif
AddOutputFilterByType DEFLATE kép/jpeg
AddOutputFilterByType DEFLATE kép/jpg
AddOutputFilterByType DEFLATE kép/png
AddOutputFilterByType DEFLATE kép/gif
AddOutputFilterByType DEFLATE kép/flv
AddOutputFilterByType DEFLATE kép/ico
AddOutputFilterByType DEFLATE kép/swf
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE alkalmazás/javascript
AddOutputFilterByType DEFLATE alkalmazás/json
AddOutputFilterByType DEFLATE video/3gpp
AddOutputFilterByType DEFLATE video/3gpp2
AddOutputFilterByType DEFLATE video/x-flv
AddOutputFilterByType DEFLATE videó/jpm
AddOutputFilterByType DEFLATE videó/jpeg
AddOutputFilterByType DEFLATE video/x-m4v
AddOutputFilterByType DEFLATE video/mp4
AddOutputFilterByType DEFLATE videó/ogg
AddOutputFilterByType DEFLATE videó/webm
AddOutputFilterByType DEFLATE videó/gyorsidő
AddOutputFilterByType DEFLATE audio/x-mpegurl
AddOutputFilterByType DEFLATE audio/midi
AddOutputFilterByType DEFLATE audio/mp3
AddOutputFilterByType DEFLATE audio/mp4
AddOutputFilterByType DEFLATE audio/mpeg
AddOutputFilterByType DEFLATE audio/webm
AddOutputFilterByType DEFLATE audio/basic
AddOutputFilterByType DEFLATE audio/x-wav
AddOutputFilterByType DEFLATE audio/wav
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Az ifmodule mod_gzip.c fájlt zárójelek közé kell tenni „<>”
mod_gzip_on Igen
mod_gzip_item_include fájl \.js$
mod_gzip_item_include fájl \.css$
Az /ifmodult zárójelbe kell tenni „<>”
Az /ifmodult zárójelbe kell tenni „<>”

Ha nem teszed zárójelbe a szükséges elemeket, hibaüzenetet kapsz. Webhelye egyszerűen leáll, és 500-as belső szerverhiba jelenik meg. A „zárójelbe „<>” szöveget is el kell távolítani a kódból. Ezt követően a .htaccess fájlt el kell menteni.

Az új szabályok pontos alkalmazásához érdemes újraindítani a szervert is. Mindezen műveletek után webhelye sokkal gyorsabban fog működni. Az oldal betöltési sebessége jelentősen megnő.

Ellenőrizze a webhely betöltési sebességét és a Gzip-tömörítést

Miután engedélyeztük a szerveroldali tömörítést. Ellenőrizheti az elvégzett munka sikerességét! Ezt számos népszerű online eszközzel megteheti. Vessünk egy pillantást rájuk:

PageSpeed Insights - a webhely ellenőrzésének fő és legnépszerűbb online eszköze. A Google által 2018-ban végrehajtott utolsó változtatások után. Az adatok kiterjedt listája a webhely részletes elemzéséhez.

Tudjon meg többet a PageSpeed ​​​​Insights szolgáltatásról.

Mi lehet:

  1. A webhely általános sebességének besorolása;
  2. Meghatározza a tartalom betöltési idejét;
  3. Általános sebességindex és az interakcióig eltelt idő;
  4. Javaslatokat ad az optimalizáláshoz;
  5. Részletes teljesítményinformációkat jelenít meg;
  6. Azt jelzi, hogy a Gzip-tömörítés engedélyezve van-e;
  7. Azt jelzi, hogy a hash engedélyezve van-e vagy sem;
  8. Rengeteg információt nyújt a hibajavításhoz.

A PageSpeed segít számos webhely sebességgel kapcsolatos probléma megoldásában. Ennek az eszköznek köszönhetően webhelyem számos hibája kijavításra került.

Pingdom eszközök szintén az egyik népszerű online webhelyelemző eszköz. Elég részletes információt ad a helyszínek értékelési kritériumairól. Könnyű megtalálni, hogy mi lassítja a letöltést.

mi az a pingdom eszköz?

Mit fog adni neked:

  1. Az oldal általános teljesítményének értékelése;
  2. A webhely adatbázisához intézett kérések száma;
  3. oldal betöltési sebessége;
  4. Tartalom mérete tartalomtípus szerint;
  5. Szerverválaszok 200/301/302/404/503 és mások;
  6. Általános lekérdezések tartományok szerint;
  7. A helyzet grafikus ábrázolása stb.;

Sok információt ad a webhely sebességéről. De nem ad olyan részletes utasításokat, mint a Google.

GZIP tömörítési bővítmények a WordPresshez

Bármilyen furcsának is tűnik, de a WordPress CMS-en lévő webhelyek tulajdonosainak nem kell sokat bajlódniuk. Ennek oka a tömörítést lehetővé tevő bővítmények sokfélesége a webhelyen. Mindössze annyit kell tennie, hogy telepíti a kívánt bővítményt. Ezután aktiválja és engedélyezze a tömörítést a bővítmény beállításaiban. Akkor ő elvégzi helyetted az összes munkát. Leírok párat a legnépszerűbbek közül.

PageSpeed Ninja a legjobb teljesítményű bővítmény a WordPresshez. Gyorsabbá teheti webhelyeit asztali számítógépeken és mobileszközökön, ha egyetlen kattintással kijavítja a Google PageSpeed Insights által talált problémákat. Lehetővé teszi a tömörítés gyors engedélyezését a webhelyen.

Növelje Google PageSpeed ​​pontszámát a Wordpressben.

WP leggyorsabb gyorsítótár egyben az egyik legnépszerűbb kivonatoló bővítmény. Nagyon sok csoportosított beállítást tartalmaz, amelyek közül az egyik a tömörítést tartalmazza.

WP leggyorsabb gyorsítótár – bővítmény a WordPresshez.

Üstökös Cache Jómagam ezt a plugint használom. Mivel más bővítményekkel kombinálva kiváló eredményt ad. Az egyik beállításai között szerepel a gzip tömörítés is.

A Comet Cache minden oldalról gyorsítótárat hoz létre.

Általánosságban elmondható, hogy a Wordpress összes fő gyorsítótár-bővítménye lehetővé teszi a GZIP-tömörítés engedélyezését a webhelyen. A teljes értékű többfunkciós bővítményeket ajánlom a legkisebb terhelés érdekében.

Befejezésül a következőket mondom: feltétlenül kapcsolja be a tömörítést. Ez nagyon jó hatással lesz a teljesítményre, és emeli az oldalt a keresésben. Remélem, ez a cikk segít ebben.

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

Mennyire hasznos a poszt?

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

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

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

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

1 válasz

  1. Илья szerint:

    Azonnal kimásoltam és beillesztettem a kódot, ami 500-as hibát okozott. Most már értem, mit kell figyelmesen elolvasnom. Látom neked is van másolásvédelem. És hála a tartalom megfelelő és működik.

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

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

öt × 5 =