Gzip glaudinimo js / css / html svetainės spartinimas – kaip įjungti .htaccess

spausdinti · Время на чтение: 9vyras · pateikė · Paskelbta · Atnaujinta

daugintisKlausyti straipsnio

Gzip suspaudimas js css html.Sveikiname, mieli skaitytojai! Šiandien kalbėsime apie gzip js suspaudimas | css | htmlpagreitinti svetainės įkėlimą. Kaip jį įjungti naudojant .htaccess failą. Taip pat pasakysiu, kodėl iš viso reikia įjungti failų glaudinimą serverio pusėje.

Ši tema yra tiesiogiai susijusi su technine svetainės optimizavimas. Leidžiant gana paprastas manipuliacijas, žymiai pagreitinti svetainės įkėlimą. Greita svetainė yra didelė sėkmė reklamuojant paieškos variklius.

Koks tikslas įgalinti Gzip failų glaudinimą .htaccess?

Kaip įjungti svetainės puslapių Gzip glaudinimą.

Kaip jau sakiau daugelyje savo straipsnių! Pradiniame etape svetainė turi gana didelį svorį. Ir tie. optimizavimas yra būtinas sumažinti mūsų svetainės svorį. Bet kokiu atveju turime sumažinti kodo kiekį, puslapių, vaizdų ir kitų dalykų svorį. Bendra užduotis yra suteikti vartotojui lengvą ir greitai įkeliamą svetainės versiją.
Taigi informaciją suteikiame greitai. Perėjimas tarp puslapių ir skyrių vyksta per sekundės dalį. Tuo pačiu metu lankytojai greitai pamatys visus įkeltus dizaino elementus ir kitus interaktyvius sąveikos elementus.

GZIP suspaudimas – užtikrina nepertraukiamą perkeltų failų archyvavimą. Taigi gauname be nuostolių šaltinio kokybės suspaudimą. Visi duomenys patenka į pradinę būseną išpakavus jau vartotojo naršyklėje. Pats įgyvendinimas yra dėl kelių darbo algoritmų. Tai apima pagrindinį DEFLATE naudojant LZ77 ir Huffman.

Žinoma, toks suspaudimas (suspaudimas) nėra idealus sprendimas. Tačiau įdiegus Gzip pasiekiame greičio ir glaudinimo santykio pusiausvyrą. Šis metodas yra populiariausias tarp kitų būdų pagreitinti svetainę. Be to, globalesnio metodo įdiegimas serveryje užtruks daug laiko ir bandymų. Ir tai gali neduoti norimo rezultato! Gzip glaudinimas šiuo atžvilgiu yra patikimiausias būdas pagreitinti failų atsisiuntimą.

Gzip glaudinimas – kuriems failams tai priimtina? Kokiuose serveriuose jis veikia?

Tiesą sakant, gzip glaudinimas apima didelį failų sąrašą. Bet tai turi mažą minusą! Kai vartotojas apsilanko svetainėje, serveris turi suspausti didelį duomenų kiekį. Tai lemia tam tikrą serverio apkrovą. Tačiau daugeliu atvejų tai nėra kritiška. Visi palaikomi failų formatai po perdavimo puikiai rodomi populiariose naršyklėse.

Tarp pagrindinių yra:

  • tekstas/plaintext/html;
  • tekstas/xml programa/xml programa/xhtml+xml programa/xml-dtd;
  • aplikacija/rdf+xml programa/rss+xml programa/atom+xml vaizdas/svg+xml;
  • tekstas/css tekstas/javascript programa/javascript programa/x-javascript;
  • šriftas/opentype programa/font-otf programa/x-font-otf;
  • šriftas/truetype application/font-ttf application/x-font-ttf.
Gzip failų glaudinimas naudojamas pagrindiniuose „Apache“ ir „Nginx“ serveriuose. Su galiojančiais darbo moduliais ir serverio galimybėmis.

Pavyzdžiui: Nginx – naudojamas statiniui. Jis gerai suspaudžia ir apdoroja statinius failus. Suspaudimas vyksta dėl ngx_http_gzip_module ir ngx_http_gzip_static_module modulių. Nepertraukiamas suspaudimas skrydžio metu atliekamas pagrindinį plėtinį pakeitus „.gz“.

Standartinės konfigūracijos pavyzdys:

gzip įjungtas;
gzip_min_length 1000;
gzip_types text/plain application/xml;

„Apache“ yra labiausiai prašomas serveris. Žinoma, jo suspaudimas bus ambicingesnis ir pritaikomas. Gzip suspaudimas šiame serveryje atliekamas naudojant modulį mod_deflate. Pateikiant suspaudimą prieš siunčiant į vartotojo naršyklę.

Standartinės konfigūracijos pavyzdys:

# Įgalinti GZIP – įjungti glaudinimą
AddOutputFilterByType DEFLATE tekstas / paprastas
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE tekstas / css
AddOutputFilterByType DEFLATE programa/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE programa / javascript
AddOutputFilterByType DEFLATE programa/x-javascript

# Suspaudimas su lėtu algoritmu, siekiant sumažinti serverio apkrovą.

RewriteEngine On
AddEncoding gzip .gz
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
Perrašymo taisyklė ^(.*)$ $1.gz [QSA,L]

PHP yra mažiau populiarus pasirinkimas. Tačiau ji taip pat turi galimybę organizuoti glaudinimą naudojant zlib modulį. Šis metodas nerekomenduojamas, nes jis yra labai lėtas.

Standartinės konfigūracijos pavyzdys:

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

1TP29OriginalData = file_get_contents(1TP29OriginalFile);

$gzipData = gzenkodas(1TP29Pradiniai duomenys, 9);
file_put_contents($gzipFile, $gzipData);

var_dump(failo dydis(1TP29OriginalFile)); // int(96380)
var_dump(failo dydis($gzipFile)); // int(33305)

Žinoma, kartu galima naudoti ir Apache + Nginx + PHP serverius. Taigi bus užtikrintas tam tikras apkrovos paskirstymas tarp serverių. Tačiau tai labai sudėtinga užduotis, kurios neturėtų atlikti paprasti vartotojai.

Savo serverį sukonfigūravau pats, naudodamas visus pagrindinius Apache/Nginx/PHP pranašumus. Taigi „Nginx“ tvarko statinį, o „Apache“ – su PHP. Rezultatas labai teigiamas. Tačiau šio metodo organizavimui buvo skirta daug laiko.

Kaip įjungti Gzip glaudinimą .htaccess faile

Tiesą sakant, tai padaryti nėra sunku. Be to, aš jau kalbėjau apie šį failą.

Pagrindinės taisyklės išlieka tos pačios:

  1. Prieš redaguodami būtinai išsaugokite originalų .htaccess failą. 500 klaidos atveju bus ką atkurti.
  2. Tarp eilučių neturėtų būti tarpų.
  3. Visus komentarus rašome po ženklu #.
  4. Įdėję būtinai patikrinkite kodo vientisumą.

Keli standartinės .htaccess taisyklių konfigūracijos pavyzdžiai jau buvo paminėti aukščiau. Bet, mano nuomone, to nepakanka, todėl pateiksiu savo pavyzdį. Šis taisyklių rinkinys veikia šioje svetainėje, nes matote, kad problemų nėra.

Tuo pačiu metu suspaudimas vyksta skrendant, svetainė greitai įkraunama be stabdžių. Viskas, ką jums reikia padaryti, tai įklijuoti šį kodą į savo .htaccess failą. Jei turi savo serverį, tai manau, kad pats viską žinai.

Pagrindinės auditorijos naudojimo instrukcijos:

  1. Mes einame į serverį su bet kokiu populiariu ftp klientu;
  2. Eikite į svetainės šaknį (katalogas);
  3. .htaccess failas yra pagrindiniame svetainės kataloge;
  4. Atsidarome su teksto redaktoriumi, apskritai Sublime Text 3 yra geresnis;
  5. Tada pačioje failo pabaigoje įklijuokite kodą, kuris bus rodomas žemiau.
  6. Maloniai prašome patikrinti kodą, nes svetainė turi apsaugą nuo kopijavimo (kodo gale gali būti nuoroda į svetainę).

# Įgalinti GZIP
ifmodule mod_deflate.c turi būti pateiktas skliausteliuose „<>“
AddOutputFilterByType DEFLATE tekstas / paprastas
AddOutputFilterByType DEFLATE tekstas / tekstas
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE tekstas / paprastas
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE tekstas / css
AddOutputFilterByType DEFLATE vaizdas/gif
AddOutputFilterByType DEFLATE vaizdas / JPEG
AddOutputFilterByType DEFLATE vaizdas/jpg
AddOutputFilterByType DEFLATE vaizdas / png
AddOutputFilterByType DEFLATE vaizdas/gif
AddOutputFilterByType DEFLATE vaizdas/flv
AddOutputFilterByType DEFLATE vaizdas / piktograma
AddOutputFilterByType DEFLATE vaizdas / swf
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE programa/xml
AddOutputFilterByType DEFLATE programa/x-javascript
AddOutputFilterByType DEFLATE programa / javascript
AddOutputFilterByType DEFLATE programa/json
AddOutputFilterByType DEFLATE video/3gpp
AddOutputFilterByType DEFLATE video/3gpp2
AddOutputFilterByType DEFLATE video/x-flv
AddOutputFilterByType DEFLATE video/jpm
AddOutputFilterByType DEFLATE vaizdo įrašą / JPEG
AddOutputFilterByType DEFLATE video/x-m4v
AddOutputFilterByType DEFLATE video/mp4
AddOutputFilterByType DEFLATE video/ogg
AddOutputFilterByType DEFLATE vaizdo įrašas / žiniatinklis
AddOutputFilterByType DEFLATE vaizdo įrašas / greitas laikas
AddOutputFilterByType DEFLATE audio/x-mpegurl
AddOutputFilterByType DEFLATE garso / midi
AddOutputFilterByType DEFLATE audio/mp3
AddOutputFilterByType DEFLATE audio/mp4
AddOutputFilterByType DEFLATE garso/mpeg
AddOutputFilterByType DEFLATE audio/webm
AddOutputFilterByType DEFLATE garso / pagrindinio
AddOutputFilterByType DEFLATE audio/x-wav
AddOutputFilterByType DEFLATE garso / wav
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
ifmodule mod_gzip.c turi būti pateiktas skliausteliuose „<>“
mod_gzip_on Taip
mod_gzip_item_include failas \.js$
mod_gzip_item_include failas \.css$
/ifmodule turi būti pateiktas skliausteliuose „<>“
/ifmodule turi būti pateiktas skliausteliuose „<>“

Jei nepateiksite reikalingų elementų skliausteliuose, gausite klaidą. Jūsų svetainė tiesiog nustos veikti ir pateiks 500 vidinės serverio klaidos pranešimą. Iš kodo taip pat turėtų būti pašalintas tekstas „turi būti įrašytas skliausteliuose „<>“. Po to .htaccess failą reikia išsaugoti.

Taip pat naudinga iš naujo paleisti serverį, kad naujos taisyklės būtų tiksliai taikomos. Po visų šių veiksmų jūsų svetainė veiks daug greičiau. Puslapio įkėlimo greitis žymiai padidės.

Patikrinkite svetainės įkėlimo greitį ir Gzip glaudinimą

Įjungę serverio pusės glaudinimą. Galite patikrinti atlikto darbo sėkmę! Tai galite padaryti naudodami keletą populiarių internetinių įrankių. Pažvelkime į juos:

PageSpeed Insights - pagrindinis ir populiariausias internetinis svetainės tikrinimo įrankis. Po paskutinių „Google“ pakeitimų 2018 m. Pateikiamas platus duomenų sąrašas išsamiai svetainės analizei.

Sužinokite daugiau apie PageSpeed ​​​​Insights.

Ka gali:

  1. Bendras svetainės greičio įvertinimas;
  2. Nurodo turinio įkėlimo laiką;
  3. Bendras greičio indeksas ir laikas iki sąveikos;
  4. Teikia optimizavimo rekomendacijas;
  5. Rodo išsamią našumo informaciją;
  6. Nurodo, ar įjungtas Gzip glaudinimas;
  7. Nurodo, ar maiša įjungta, ar ne;
  8. Suteikia daug informacijos klaidų taisymui.

„PageSpeed“ padės išspręsti daugelį svetainės greičio problemų. Šio įrankio dėka buvo ištaisyta daug mano svetainės klaidų.

Pingdom įrankiai taip pat yra vienas iš populiarių internetinių svetainių analizės įrankių. Suteikia pakankamai išsamios informacijos apie įvairius svetainės vertinimo kriterijus. Nesunku rasti, kas lėtina atsisiuntimą.

kas yra pingdom įrankis?

Ką tau duos:

  1. Bendro svetainės veikimo įvertinimas;
  2. Užklausų į svetainės duomenų bazę skaičius;
  3. Puslapio įkėlimo greitis;
  4. Turinio dydis pagal turinio tipą;
  5. Serverio atsakymai 200/301/302/404/503 ir kiti;
  6. Bendrosios užklausos pagal domenus;
  7. Grafinis situacijos atvaizdavimas ir kt.;

Suteikia daug informacijos apie svetainės greitį. Tačiau nepateikia išsamių instrukcijų, kaip „Google“.

GZIP glaudinimo papildiniai, skirti „WordPress“.

Kaip bebūtų keista, tačiau „WordPress“ TVS svetainių savininkams nereikia daug vargti. Taip yra dėl daugybės įskiepių, leidžiančių suspausti svetainę. Viskas, ką jums reikia padaryti, tai įdiegti jums patinkantį papildinį. Tada suaktyvinkite ir įgalinkite glaudinimą papildinio nustatymuose. Tada jis atliks visą darbą už jus. Aprašysiu porą populiariausių.

PageSpeed Ninja yra geriausio našumo „WordPress“ papildinys. Galite pagreitinti savo svetaines staliniuose kompiuteriuose ir mobiliuosiuose įrenginiuose, vienu spustelėjimu išspręsdami „Google PageSpeed Insights“ nustatytas problemas. Leidžia greitai įjungti glaudinimą svetainėje.

Padidinkite „Google PageSpeed“ balą naudodami „Wordpress“.

WP greičiausia talpykla taip pat yra vienas iš populiariausių maišos papildinių. Jame yra daugybė sugrupuotų nustatymų, iš kurių vienas apima glaudinimą.

WP greičiausia talpykla – „WordPress“ įskiepis.

Kometa Cache Pats naudoju šį įskiepį. Kadangi kartu su kitais papildiniais, tai suteikia puikų rezultatą. Taip pat vienas iš jo nustatymų apima gzip glaudinimą.

„Comet Cache“ sukuria kiekvieno puslapio talpyklą.

Apskritai, visi pagrindiniai „Wordpress“ talpyklos papildiniai leidžia svetainėje įjungti GZIP glaudinimą. Rekomenduoju pilnaverčius daugiafunkcius įskiepius mažiausia apkrova.

Baigdamas pasakysiu taip: būtinai įjunkite suspaudimą. Tai turės labai gerą poveikį našumui ir padidins svetainę paieškoje. Tikiuosi, kad šis straipsnis jums padės tai padaryti.

Dėkojame, kad skaitėte Nicola Top

Kuo įrašas naudingas?

Spustelėkite šypsenėlę, kad įvertintumėte!

Vidutinis reitingas 5 / 5. Įvertinimų skaičius: 52

Įvertinimų dar nėra. Pirmiausia įvertinkite.

Tau taip pat gali patikti...

1 atsakymas

  1. Илья parašė:

    Iš karto nukopijavau ir įklijavau kodą, dėl kurio įvyko klaida 500. Dabar suprantu, ką reikia atidžiai perskaityti. Matau, kad turite apsaugą nuo kopijavimo. Ir dėka turinio tinka ir veikia.

Parašykite komentarą

El. pašto adresas nebus skelbiamas. Būtini laukeliai pažymėti *

keturi + aštuoni =