Kuidas WordPressis brauseri vahemällu kasutada

Kui soovite WordPressis brauseri vahemällu kasutada, teate juba selle peamist eelist – see suurendab veebisaidi laadimiskiirust.

See detail on väga oluline inimestele, kes selle probleemiga kokku puutuvad. Õnneks on olemas sellised tööriistad nagu Google PageSpeed ​​Insights või GT maatriks. Need võivad teile täpselt öelda, mida soovite oma veebisaidi toimivuse kohta teada, mida peate muutma, kui brauseri vahemällu salvestamine on juba lubatud või mitte, ja palju muud.

Olgu olgu. Niisiis, mis on suur asi? Miks peate WordPressis brauseri vahemällu kasutama?

Meie wpDataTablesi meeskond käsitleb seda küsimust allpool üksikasjalikult, nii et jätkake lugemist ja saate selle artikli lõpuks kasutada brauseri vahemällu (sõrmed).

Visuaalselt meeldiva veebisaidi loomine pole enam esmatähtis, kui laadimisajad on nii kehvad, et sunnivad kasutajad sealt sekunditega lahkuma.

Peate looma kiiresti laadivate lehtede ja kvaliteetse sisuga veebisaidi. Iga inimene, kes on Internetiga kokku puutunud, peaks seda teadma. Ja lihtsaim viis veebisaidi kiiremaks muutmiseks on kasutada brauseri vahemällu.

Seda kontseptsiooni selgitatakse hiljem, kuid peaksite teadma, et see on Google’i peamine soovitus laadimisaegade osas.

Tavaliselt saab teie veebisaidi laadimiskiirust kuni 50% parandada, kui kasutate õigeid meetodeid.

Mis on brauseri vahemällu salvestamisel sellega pistmist?

Süveneme.

Kas kasutada brauseri vahemällu salvestamist? Mida sa selle all mõtled?

Neile, kes ei tea, miks peate brauseri vahemällu kasutama, on parem seda selgitada lihtsamate sõnadega.

Vahemällu salvestamine näitab aega, mille jooksul brauserid veebisaidil saadaolevaid vahemällu salvestatavaid ressursse kohapeal salvestavad.

Nende ressursside hulka kuuluvad pildid, JavaScript, CSS ja muud. Iga kord, kui inimene veebisaidile siseneb, laaditakse teie arvutisse salvestatud vahemällu salvestatavad ressursid tagasi. Veebilehe laadimiskiirus paraneb seega nähtavalt. See on põhjus, miks inimesed soovivad WordPressis brauseri vahemällu kasutada.

Kuidas WordPressis brauseri vahemälu võimenduse kasutamine töötab?

Kui inimene pääseb juurde teatud domeenile, toimub taustal mitu protsessi. Kõik, mis teie WordPressi veebisaidi koostab, edastatakse kasutaja brauserisse, muutes saidi nähtavaks. Need veebisaidi komponendid hõlmavad sisu, pilte, laaditabeleid, skripte ja palju muud. Need tuleb vajaduse korral veebisaidi serverist kasutaja brauserisse teisaldada. Selle protsessi taga on järgmised sammud:

1. Külastaja sisestab oma brauserisse URL-i
2. Brauser genereerib päringu serverile, kus teie veebisaiti majutatakse (HTTP-päring)
3. Server paneb kõik andmed kokku ja saadab need kasutajale. See on samm, kus kasutajad märkavad aeglustumist. Selle aeglustumise vältimiseks saavad inimesed väljakirjutuste suurust vähendada, piltide suurust optimeerida ja nii edasi.
4. Kui andmed on edastatud, saab brauser lõpuks veebisaiti kuvada. Protsess kordub, kui külastajad sisenevad teistele lehtedele. Serveripäringuid võib korraga olla väga palju, mis võib viia madala jõudluseni. Seetõttu peavad inimesed oma veebisaiti optimeerima, et see oleks kiire.

Vahemälu sisu kasutatakse nii veebibrauserites kui ka tarkvararakendustes. See salvestatakse ajutiselt teie kohalikule kettale. Neid andmeid nimetatakse " veebi vahemälu " või " HTTP vahemälu ". Alati, kui külastate sama veebisaiti, laadib brauser teie arvutisse salvestatud teabe üles ja laadib veebisaidilt alla sisu.

Selleks, et kontrollida, kas teie WordPressi veebisait kasutab brauseri vahemällu õigesti, peate kasutama spetsiaalset tööriista. Kõige populaarsem on Google PageSpeed ​​Insights. Saate teada, kas kõik töötab õigesti, sisestades oma saidi URL-i.

Seejärel klõpsake nuppu Analüüsi ja laske tööriistal oma võlu teha. PageSpeed ​​peaks teile näitama, milline on teie veebisaidi mobiilseadmete ja lauaarvutite jaoks optimeerimise skoor. Skoor jääb vahemikku 0–100 ja saate ka soovitusi, kuidas oma veebisaiti pärast seda täiustada. Üks levinumaid soovitusi on valida WordPressis brauseri vahemälu kasutamine.

Hei, kas teadsite, et ka andmed võivad olla ilusad?

wpDataTables saab seda nii teha. Sellel on hea põhjus, miks see on WordPressi pistikprogramm nr 1 reageerivate tabelite ja diagrammide loomiseks.

Tegelik näide wpDataTabelitest looduses

Ja midagi sellist on väga lihtne teha:

1. Esitate tabeli andmed
2. Seadistage ja kohandage seda
3. Avaldage see postituses või lehel

Ja see pole mitte ainult ilus, vaid ka praktiline. Saate teha suuri kuni miljonite ridadega tabeleid või kasutada täpsemaid filtreid ja otsingut või muuta see redigeeritavaks.

"Jah, aga mulle lihtsalt meeldib Excel liiga palju ja veebisaitidel pole midagi sellist." Jah, on. Saate kasutada tingimusvormingut nagu Excelis või Google’i arvutustabelites.

Kas ma ütlesin teile, et saate oma andmetega ka diagramme luua ? Ja see on vaid väike osa. Teie jaoks on palju muid funktsioone.

Serveri vahemällu salvestamise ja brauseri vahemällu salvestamise erinevused

Iga WordPressi kasutaja peaks serveri vahemällu salvestamise kohta rohkem teadma. See on protsess, mis hõlmab teie veebisaidi vahemällu salvestatud veebilehtede genereerimist veebiserveri kaudu. Ülaltoodud sammud esindavad veebisaidi vahemällu salvestamist, mis toimub peamiselt serveri poolel.

Serveri vahemällu salvestamise süsteemi parandamiseks on mõned viisid. Kõige soovitatavam valik oleks päiste värskendamine Apache’is. Järgmine samm oleks WordPressi pistikprogrammide kasutamine ja sellele järgneb CDN-i lisamine.

Kasutage WordPressis brauseri vahemällu

Brauseri vahemällu kasutamiseks WordPressis peate kasutama natuke koodi. Ärge muretsege – see pole nii raske, kui arvate.

Peate lihtsalt jõudma. htaccess faili, lisage antud koodijupp ja ongi kõik. Brauseri vahemälu kasutamine Htaccessi failiga on lihtsaim ja tõhusaim meetod, mida peaksite tundma õppima.

Lihtsaim ja kiireim viis veendumaks, et teie WordPressi veebisait kasutab nii serveripoolsest kui ka brauseri vahemällu salvestamisest maksimumi, on kasutada hallatud WordPressi hostimist, mis eelkonfigureerib teie eest kõik vajalikud seaded.

Kasutage brauseri vahemällu WordPressis käsitsi, tehes järgmist.

1. Lisa aegumise päised
2. Lisage vahemälu juhtimise päised
3. Lülitage ETags välja

Selleks peate järgima alltoodud samme.

1. Juurdepääs veebisaidi failidele

Alustuseks logige sisse oma hostimiskontole/cPanelile. Liikuge failihaldurisse. Siit leiate veebisaidi seaded, kus peate sisse lülitama valiku Peidetud fail. Seejärel minge veebisaidi juurkataloogi ja leidke oma .htaccess-fail.

Tavaliselt asub see kaustas /public_html/.htaccess. Kui teie veebisaidi domeen on kohandatud, leiate selle domeeninimi/public_html/.htaccess alt. Paremklõpsake faili ja redigeerige seda teile antud juhiste järgi.

2. Lisage brauseri vahemällu salvestamise kood oma .htaccess-faili

Järgmine samm on kõige lihtsam. Kopeerige allolev kood ja kleepige see oma .htaccess-faili sisu lõppu. Ärge tehke failis muid muudatusi.

Ülaltoodud koodi sätted hõlmavad HTML-i jaoks 600-sekundilist värskendus-/aegumisaega ning CSS-i ja JavaScripti jaoks ühte kuud.

Selle aegumisperioodi eesmärk on vältida seda, et külastajad laadiksid varasid liiga sageli uuesti alla. Kui teete varade osas muudatusi sagedamini, saate perioodi vastavalt oma vajadustele muuta.

Inimestele, kes soovivad kasutada brauseri vahemällu, on .htaccess-faili muutmine parim valik.

Nagu kooditükis näha, aeguvad pildid pärast ühe aasta möödumist. Aegunud päiste .htaccess lisamiseks peate faili muutma ilma midagi muud kahjustamata.

Kuid mõned inimesed ei taha oma .htaccess-failiga jamada. Kui see on teie olukord, võite lihtsalt kasutada brauseri vahemällu salvestamise pistikprogrammi. Lisateavet selliste pistikprogrammide kohta leiate sellest artiklist hiljem.

3. Lisage vahemälu juhtimise päised Apache’i kaudu

Kopeerige allolev kood:

Aegumiskuupäeva või maksimaalse vanuse määramine HTTP-päistesse ei ole enam vajalik, kuna see määrati juba eelmise sammu ajal, mis tähendab, et te ei pea seda siin kordama.

4. Lülitage Etags välja

Etags tähistab olemi silte ja viitab vahemällu salvestatud failide uutele versioonidele. Kuna olete vahemälu juhtimise päised juba määranud, ei ole ETagide kasutamist vaja, nii et saate need laadimisaegade parandamiseks välja lülitada. Lisage htaccess-faili järgmine koodijupp:

Salvestage .htaccess-fail ja oletegi valmis!

NGINX serveri ja brauseri vahemällu salvestamine

Kui teie veebisait kasutab NGINX-i, peate kasutama muid koodilõike, kuna te ei leia .htaccess-faili. Jällegi on see väga lihtne protsess, mis ei nõua palju tehnilisi teadmisi. Avage /etc/nginx/sites-enabled/default ja kleepige see kood sinna:

server {
    listen       80;
    server_name  localhost;
    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }
    location ~*  .(jpg|jpeg|png|gif|ico|css|js)$ {
        expires 365d;
    }
    location ~*  .(pdf)$ {
        expires 30d;
    }
}

Add Cache-Control Headers (NGINX)
location ~* .(jpg|jpeg|png|gif|ico|css|js)$ {
expires 90d;
add_header Cache-Control "public, no-transform";
}

Tõenäoliselt näete, et pildifailide aegumisajaks on seatud 365 päeva, mis võrdub ühe aastaga. PDF-id aeguvad juba 30 päeva pärast. Saate koodi kohandada nii, nagu soovite, nagu ka eelmisel juhul.

Pärast NGINX-i redigeerimist salvestage fail ja võite olla kindel, et aktiveerisite NGINX-i serveris brauseri vahemällu salvestamise.

Kasutage pistikprogrammide abil sirvimist WordPressis

Htaccess-faili kohandamine seal, kus te seda ei vaja, võib rikkuda kogu teie veebisaidi. Ühe vea tegemine toob kaasa tühjad lehed ja vead, seega on täiesti arusaadav, kui te ei soovi faili ise muuta.

Õnneks on pistikprogramme, mis võivad olla kasulikud, ilma et peaksite õppima, kuidas lubada WordPressis brauseri vahemälu võimendamist

käsitsi. Plugina installimist saab teha järgmiselt:

1. Laadige pistikprogramm alla – ühe näite leiate siit
2. Liikuge jaotisesse Armatuurlaud, Pluginad ja Lisage uus
3. Leidke "Leverage Browser Caching"
4. Klõpsake nuppu Installi kohe
5. Aktiveerige pistikprogramm
6. Testige oma veebisaiti

Saate kasutada ka teisi pistikprogramme ja mõned neist on loetletud allpool. Valige need vastavalt oma vajadustele:

W3 Total Cache – WordPressi pistikprogramm

Võimendav brauseri vahemälu parandamine WordPressis W3 Total Cache abil saab teha, järgides alltoodud samme:

1. Laadige alla ja installige W3 Total Cache WordPressi pistikprogramm
2. Liikuge jaotisse Üldsätted ja valige Luba brauseri vahemälu
3. Klõpsake nuppu Salvesta ja navigeerige brauseri vahemälu seadetesse (lehe ülaosas)
4. Valige saadaolevad vahemälu päised
5. Määra aeguvad päised, vahemälu juhtimine ja ETag päised (varem tehtud sätete alusel)
6. Salvestage kõik seaded ja värskendage oma veebisaiti

WP kiireim vahemälu

WP Fastest Cache on veel üks pistikprogramm, mida saate kasutada brauseri vahemällu salvestamiseks WordPressis.

1. Laadige alla ja installige WP kiireim vahemälu.
2. Minge pistikprogrammi seadetesse
3. Valige märkeruut Brauseri vahemälu
4. Muudatuste rakendamiseks klõpsake nuppu Esita ja ongi kõik

Vahemälu lubaja – WordPressi vahemälu

Sellel pistikprogrammil on rohkem funktsioone, mis võivad teile tulevikus abiks olla: saate vahemälu puhastamise protsessi automatiseerida või teha seda käsitsi, saate lehe käsitsi tühjendada, HTML-i ja JavaScripti minimeerida ning palju muud. Selle kasutamiseks lihtsalt:

1. Installige pistikprogramm ja aktiveerige see
2. Minge seadetesse
3. Klõpsake käsul Luba võimenduse brauseri vahemällu salvestamine

Kasutage Yoast SEO-d .htaccess-faili redigeerimiseks

Htaccess-faili saate redigeerida ka turvalisemal viisil, kasutades Yoast SEO pluginat. Kõige sagedamini kasutatav WordPressi pistikprogramm on Yoasti SEO. Seda pistikprogrammi kasutades saate .htaccess-faili hõlpsalt redigeerida. Kui teil Yoasti veel pole, peate selle eelnevalt installima ja aktiveerima. Pärast seda peate:

1. Juurdepääs SEO-le, seejärel tööriistadele.
2. Liikuge failiredaktorisse
3. Htaccess-fail avatakse tekstiredaktoris, kuhu saate kleepida ülaltoodud koodilõigud
4. Salvesta muudatused

Pärast muudatuste tegemist saate Google PageSpeed ​​Insightsi abil kontrollida, kas pärast muudatuste tegemist on kõik korras. Kui teie veebisait kasutab brauseri vahemällu õigesti, võite alustada. Kui ei, siis peaksite protsessi uuesti läbi tegema ja nägema, mis teil kahe silma vahele jäi.

Kolmandate osapoolte ressursside vahemällu salvestamine

Pärast kõigi selles artiklis kirjeldatud muudatuste tegemist võite oma veebisaidi kiiruse testimisel erinevate tööriistade abil siiski saada halva tulemuse. Google PageSpeed ​​Insights võib anda teile halva hinde paljude kolmandate osapoolte skriptide või teenuste tõttu, mis töötavad teie veebisaidi taga. Nendel skriptidel ei ole paljudel põhjustel pikka aegumisaega.

Kui pärast kõigi võimalike näpunäidete järgimist saate siiski sõnumeid WordPressis Leverage Browser Caching, ei saa te midagi teha peale skriptide kõrvaldamise, mida te ei kasuta. Veebisaidi jaoks peaks piisama maksimaalselt kolmest skriptist, seega puhastage kindlasti oma loend.

Pärast selle muudatuse tegemist peaks kõik hästi toimima ja teie veebisaidi laadimisaeg peaks olema täiuslikkusele võimalikult lähedal. Kui teil tekib väga spetsiifiline probleem ja sellel pole mingit pistmist kolmanda osapoole skriptidega, peaksite sellest teavitama ja uurima, milline seade probleemi põhjustab.

Lõpetame mõtted selle kohta, kuidas WordPressis brauseri vahemällu kasutada

Pidage meeles, et te ei pruugi kohe pärast pistikprogrammi installimist tehtud muudatusi märgata. Selle viivituse põhjuseks on CSS/Stylesheet fail. Brauseri vahemälu, mille olete juba oma arvutisse salvestanud, ei lase teil tehtud muudatusi näha. Veebisaidi korralikuks nägemiseks pärast mitme muudatuse tegemist on soovitatav seda külastada brauseri inkognito funktsiooni abil. Seda funktsiooni kasutades ei kasuta te vahemälu ressursse ja peaksite muudatusi õigesti nägema.

Lõppkokkuvõttes pole brauseri vahemällu võimendamiseks valitud meetod asjakohane. Ainus asi, mis on oluline, on näha seda tegevuses. Kuni WordPressi võimendusbrauseri vahemällu salvestamine toimib ootuspäraselt, pole sellel, kuidas sinna jõudsite. Saate valida endale sobiva meetodi ja tulemus on sama. Kas otsustate muuta .htaccess-faili või kasutada pistikprogrammi, saate paremad laadimisajad, kui aktiveerite funktsiooni Leverage Browser Caching.

Kui teile meeldis lugeda seda artiklit selle kohta, kuidas WordPressis brauseri vahemällu salvestada, peaksite seda WordPressi kiirendamise kohta vaatama .

Kirjutasime ka mõnest seotud teemast, nagu WordPressi andmebaasi pistikprogramm, WordPressi laisa laadimise pistikprogramm, WordPressi vahemälu pistikprogrammi valikud ja CDN-teenused.