{"id":228386,"date":"2022-10-06T18:36:00","date_gmt":"2022-10-06T15:36:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228386"},"modified":"2022-11-09T02:11:14","modified_gmt":"2022-11-08T23:11:14","slug":"kuinka-hyoedyntaeae-selaimen-vaelimuistia-wordpressissae","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-hyoedyntaeae-selaimen-vaelimuistia-wordpressissae\/","title":{"rendered":"Kuinka hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4"},"content":{"rendered":"\n

Jos haluat hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4, tied\u00e4t jo sen t\u00e4rkeimm\u00e4n edun \u2013 se parantaa verkkosivuston latausnopeutta.<\/p>\n

T\u00e4m\u00e4 yksityiskohta on eritt\u00e4in t\u00e4rke\u00e4 ihmisille, jotka kohtaavat t\u00e4m\u00e4n ongelman. Onneksi on olemassa ty\u00f6kaluja, kuten Google PageSpeed \u200b\u200bInsights<\/a> tai GT matrix<\/a>. N\u00e4m\u00e4 voivat kertoa sinulle tarkalleen, mit\u00e4 haluat tiet\u00e4\u00e4 verkkosivustosi suorituskyvyst\u00e4, mit\u00e4 sinun on muutettava, jos selaimen v\u00e4limuisti on jo k\u00e4yt\u00f6ss\u00e4 tai ei, ja paljon muuta.<\/p>\n

\"Kuinka<\/a><\/p>\n

Ok, ok. Joten mik\u00e4 on iso juttu? Miksi sinun on hy\u00f6dynnett\u00e4v\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4?<\/p>\n

wpDataTables-<\/a><\/strong> tiimimme k\u00e4sittelee t\u00e4t\u00e4 asiaa yksityiskohtaisesti alla, joten jatka lukemista ja onnistut hy\u00f6dynt\u00e4m\u00e4\u00e4n selaimen v\u00e4limuistia t\u00e4m\u00e4n artikkelin loppuun menness\u00e4 (sormet ristiss\u00e4).<\/p>\n

Visuaalisesti miellytt\u00e4v\u00e4n verkkosivuston luominen ei ole en\u00e4\u00e4 ensiarvoisen t\u00e4rke\u00e4\u00e4, kun latausajat ovat niin huonot, ett\u00e4 ne pakottavat k\u00e4ytt\u00e4j\u00e4t poistumaan sivustolta sekunneissa.<\/p>\n

Sinun on rakennettava verkkosivusto<\/a>, jossa on nopeasti latautuvat sivut ja laadukasta sis\u00e4lt\u00f6\u00e4. Jokaisen Internetiin yhteydess\u00e4 olevan henkil\u00f6n pit\u00e4isi tiet\u00e4\u00e4 t\u00e4m\u00e4. Ja helpoin tapa tehd\u00e4 verkkosivustosta nopeampi on hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia.<\/p>\n

\"Kuinka<\/a><\/p>\n

T\u00e4m\u00e4 k\u00e4site selitet\u00e4\u00e4n my\u00f6hemmin, mutta sinun pit\u00e4isi tiet\u00e4\u00e4, ett\u00e4 se on Googlen t\u00e4rkein suositus latausaikojen suhteen.<\/p>\n

Normaalisti verkkosivustosi latausnopeutta voidaan parantaa jopa 50 %, kunhan k\u00e4yt\u00e4t oikeita menetelmi\u00e4.<\/p>\n

Mit\u00e4 tekemist\u00e4 selaimen v\u00e4limuistilla on sen kanssa?<\/p>\n

Kaivetaan sis\u00e4\u00e4n.<\/p>\n

Hy\u00f6dynn\u00e4 selaimen v\u00e4limuistia? Mit\u00e4 tarkoitat tuolla?<\/strong><\/h2>\n

Niille, jotka eiv\u00e4t tied\u00e4, miksi sinun on hy\u00f6dynnett\u00e4v\u00e4 selaimen v\u00e4limuistia, on parasta selitt\u00e4\u00e4 se yksinkertaisilla sanoilla.<\/p>\n

V\u00e4limuisti edustaa aikaa, jonka selaimet tallentavat paikallisesti verkkosivustolla olevat v\u00e4limuistiin tallennettavat resurssit.<\/p>\n

N\u00e4it\u00e4 resursseja ovat kuvat, JavaScript, CSS ja muut. Aina kun henkil\u00f6 k\u00e4ytt\u00e4\u00e4 verkkosivustoa, tietokoneellesi tallennetut v\u00e4limuistiin tallennettavat resurssit ladataan takaisin. Sivuston latausnopeus paranee siis n\u00e4kyv\u00e4sti. T\u00e4st\u00e4 syyst\u00e4 ihmiset haluavat hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4.<\/p>\n

Kuinka Leverage<\/strong> Browser<\/strong> Caching toimii WordPressiss\u00e4?<\/strong><\/h2>\n

\"Kuinka<\/a><\/p>\n

Kun henkil\u00f6 k\u00e4ytt\u00e4\u00e4 tietty\u00e4 verkkotunnusta, taustalla tapahtuu useita prosesseja. Kaikki, mik\u00e4 muodostaa WordPress-verkkosivustosi, v\u00e4litet\u00e4\u00e4n k\u00e4ytt\u00e4j\u00e4n selaimeen, mik\u00e4 tekee sivustosta n\u00e4kyv\u00e4n. N\u00e4it\u00e4 verkkosivuston osia ovat sis\u00e4lt\u00f6, kuvat, tyylisivut, skriptit ja paljon muuta. Ne on siirrett\u00e4v\u00e4 verkkosivuston palvelimelta k\u00e4ytt\u00e4j\u00e4n selaimeen aina tarvittaessa. T\u00e4m\u00e4n prosessin takana olevat vaiheet ovat:<\/p>\n

    \n
  1. Vierailija kirjoittaa URL-osoitteen selaimeensa<\/li>\n
  2. Selain luo pyynn\u00f6n palvelimelle, jossa verkkosivustosi is\u00e4nn\u00f6i (HTTP-pyynt\u00f6)<\/li>\n
  3. Palvelin kokoaa kaikki tiedot yhteen ja l\u00e4hett\u00e4\u00e4 ne k\u00e4ytt\u00e4j\u00e4lle. T\u00e4m\u00e4 on vaihe, jossa k\u00e4ytt\u00e4j\u00e4t huomaavat hidastumisen. T\u00e4m\u00e4n hidastumisen est\u00e4miseksi ihmiset voivat pienent\u00e4\u00e4 leikkeiden kokoa, optimoida kuvakoot ja niin edelleen.<\/li>\n
  4. Kun tiedot on siirretty, selain pystyy vihdoin n\u00e4ytt\u00e4m\u00e4\u00e4n verkkosivuston. Prosessi toistuu, kun vierailijat p\u00e4\u00e4sev\u00e4t muille sivuille. Palvelinpyynt\u00f6j\u00e4 voi olla useita kerralla, mik\u00e4 voi heikent\u00e4\u00e4 suorituskyky\u00e4. T\u00e4st\u00e4 syyst\u00e4 ihmisten on optimoitava verkkosivustonsa pit\u00e4\u00e4kseen sen nopeana.<\/li>\n<\/ol>\n

    V\u00e4limuistin sis\u00e4lt\u00f6\u00e4 k\u00e4ytet\u00e4\u00e4n sek\u00e4 verkkoselaimissa ett\u00e4 ohjelmistosovelluksissa. Se tallennetaan v\u00e4liaikaisesti paikalliselle levylle. N\u00e4it\u00e4 tietoja kutsutaan " Web-v\u00e4limuistiksi<\/a> " tai " HTTP-v\u00e4limuistiksi<\/a> ". Aina kun vierailet samalla verkkosivustolla, selain lataa tietokoneellesi tallennetut tiedot ja lataa sis\u00e4ll\u00f6n verkkosivustolta.<\/p>\n

    Jotta voit tarkistaa, hy\u00f6dynt\u00e4\u00e4k\u00f6 WordPress-verkkosivustosi selaimen v\u00e4limuistia oikein, sinun on k\u00e4ytett\u00e4v\u00e4 tietty\u00e4 ty\u00f6kalua. Suosituin on Google PageSpeed \u200b\u200bInsights. Selvit\u00e4, toimiiko kaikki oikein kirjoittamalla sivustosi URL-osoite.<\/p>\n

    Napsauta sitten Analysoi ja anna ty\u00f6kalun tehd\u00e4 taikansa. PageSpeed-toiminnon pit\u00e4isi kertoa sinulle, kuinka paljon verkkosivustosi on optimoitu mobiili- ja p\u00f6yt\u00e4tietokoneille. Pisteet vaihtelevat 0\u2013100, ja saat my\u00f6s ehdotuksia verkkosivustosi parantamiseen sen j\u00e4lkeen. Yksi yleisimmist\u00e4 ehdotuksista on k\u00e4ytt\u00e4\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4.<\/p>\n

    Hei, tiesitk\u00f6, ett\u00e4 my\u00f6s data voi olla kaunista?<\/h3>\n

    wpDataTables<\/a> voi tehd\u00e4 sen n\u00e4in. On hyv\u00e4 syy, miksi se on suosituin WordPress-laajennus responsiivisten taulukoiden ja kaavioiden luomiseen.<\/p>\n

    \"Kuinka<\/a><\/p>\n

    Todellinen esimerkki wpDataTablesista luonnossa<\/p>\n

    Ja on todella helppoa tehd\u00e4 jotain t\u00e4llaista:<\/p>\n

      \n
    1. Annat taulukon tiedot<\/li>\n
    2. M\u00e4\u00e4rit\u00e4 ja mukauta se<\/li>\n
    3. Julkaise se viestiss\u00e4 tai sivulla<\/li>\n<\/ol>\n

      Ja se ei ole vain kaunis, vaan my\u00f6s k\u00e4yt\u00e4nn\u00f6llinen. Voit tehd\u00e4 suuria taulukoita, joissa on jopa miljoonia rivej\u00e4<\/a>, tai voit k\u00e4ytt\u00e4\u00e4 edistyneit\u00e4 suodattimia ja hakua<\/a>, tai voit tehd\u00e4 niist\u00e4 muokattavia<\/a>.<\/p>\n

      "Joo, mutta pid\u00e4n Excelist\u00e4 liikaa, eik\u00e4 verkkosivustoilla ole mit\u00e4\u00e4n sellaista." Kyll\u00e4, siell\u00e4 on. Voit k\u00e4ytt\u00e4\u00e4 ehdollista muotoilua<\/a> kuten Exceliss\u00e4 tai Google Sheetsiss\u00e4.<\/p>\n

      Sanoinko sinulle, ett\u00e4 voit my\u00f6s luoda kaavioita<\/a> tiedoillasi? Ja se on vain pieni osa. Sinulle on tarjolla monia muita ominaisuuksia<\/a>.<\/p>\n

      Palvelimen v\u00e4limuistin ja selaimen v\u00e4limuistin v\u00e4liset erot<\/strong><\/h2>\n

      Jokaisen WordPress-k\u00e4ytt\u00e4j\u00e4n pit\u00e4isi tiet\u00e4\u00e4 enemm\u00e4n palvelimen v\u00e4limuistista. T\u00e4m\u00e4 on prosessi, joka sis\u00e4lt\u00e4\u00e4 v\u00e4limuistissa olevien verkkosivujen luomisen verkkosivustollesi verkkopalvelimen kautta. Yll\u00e4 olevat vaiheet edustavat verkkosivustojen v\u00e4limuistia, joka on p\u00e4\u00e4asiassa palvelinpuolella.<\/p>\n

      On joitakin tapoja, joilla voit parantaa palvelimen v\u00e4limuistij\u00e4rjestelm\u00e4\u00e4. Suositeltu vaihtoehto olisi otsikoiden p\u00e4ivitt\u00e4minen Apachessa. WordPress-laajennusten k\u00e4ytt\u00f6 olisi seuraava askel, ja CDN:n lis\u00e4\u00e4minen seuraa sit\u00e4.<\/p>\n

      Hy\u00f6dynn\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4<\/strong><\/h2>\n

      Jotta voit hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4, sinun on k\u00e4ytett\u00e4v\u00e4 v\u00e4h\u00e4n koodia. \u00c4l\u00e4 huoli \u2013 se ei ole niin vaikeaa kuin uskot.<\/p>\n

      Sinun tarvitsee vain saavuttaa. htaccess<\/a> -tiedosto, lis\u00e4\u00e4 tietty koodinp\u00e4tk\u00e4 ja siin\u00e4 kaikki. Selaimen v\u00e4limuistin hy\u00f6dynt\u00e4minen Htaccess-tiedoston avulla on helpoin ja tehokkain tapa, josta sinun pit\u00e4isi oppia.<\/p>\n

      Helpoin ja nopein tapa varmistaa, ett\u00e4 WordPress-verkkosivustosi saa kaiken irti sek\u00e4 palvelinpuolen ett\u00e4 selaimen v\u00e4limuistista, on k\u00e4ytt\u00e4\u00e4 hallittua WordPress-is\u00e4nn\u00f6inti\u00e4<\/a>, joka esikonfiguroi kaikki tarvittavat asetukset puolestasi.<\/p>\n

      Hy\u00f6dynn\u00e4 selaimen v\u00e4limuistia WordPressiss\u00e4 manuaalisesti seuraavasti:<\/p>\n

        \n
      1. Lis\u00e4\u00e4 Expires-otsikot<\/li>\n
      2. Lis\u00e4\u00e4 Cache-Control-otsikot<\/li>\n
      3. Ota ETags pois p\u00e4\u00e4lt\u00e4<\/li>\n<\/ol>\n

        Voit tehd\u00e4 sen noudattamalla alla olevia vaiheita:<\/p>\n

          \n
        1. \n

          K\u00e4yt\u00e4 verkkosivuston tiedostoja<\/h4>\n<\/li>\n<\/ol>\n

          \"Kuinka<\/a><\/p>\n

          Aloita kirjautumalla sis\u00e4\u00e4n hosting-tilillesi\/cPaneliin. Siirry tiedostonhallintaan. T\u00e4\u00e4lt\u00e4 l\u00f6yd\u00e4t verkkosivuston asetukset, joissa sinun on otettava k\u00e4ytt\u00f6\u00f6n Piilotettu tiedosto -vaihtoehto. Siirry sitten verkkosivuston juurihakemistoon ja siirry .htaccess-tiedostoosi.<\/p>\n

          Se sijaitsee yleens\u00e4 hakemistossa \/public_html\/.htaccess. Jos verkkosivustosi verkkotunnus on mukautettu, l\u00f6yd\u00e4t sen kohdasta domainname\/public_html\/.htaccess. Napsauta tiedostoa hiiren kakkospainikkeella ja muokkaa sit\u00e4 annettujen ohjeiden mukaan.<\/p>\n

            \n
          1. \n

            Lis\u00e4\u00e4 selaimen v\u00e4limuistikoodi .htaccess-tiedostoosi<\/h4>\n<\/li>\n<\/ol>\n

            Seuraava vaihe on yksinkertaisin. Kopioi alla oleva koodi ja liit\u00e4 se .htaccess-tiedoston sis\u00e4ll\u00f6n loppuun. \u00c4l\u00e4 tee tiedostoon muita muutoksia.<\/p>\n

            #Customize expires cache start - adjust the period according to your needs\n<IfModule mod_expires.c>\n\u00a0 FileETag MTime Size\n\u00a0 AddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript\n\u00a0 ExpiresActive On\n\u00a0 ExpiresByType text\/html \"access 600 seconds\"\n\u00a0 ExpiresByType application\/xhtml+xml \"access 600 seconds\"\n\u00a0 ExpiresByType text\/css \"access 1 month\"\n\u00a0 ExpiresByType text\/javascript \"access 1 month\"\n\u00a0 ExpiresByType text\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-shockwave-flash \"access 1 month\"\n\u00a0 ExpiresByType application\/pdf \"access 1 month\"\n\u00a0 ExpiresByType image\/x-icon \"access 1 year\"\n\u00a0 ExpiresByType image\/jpg \"access 1 year\"\u00a0 \n\u00a0 ExpiresByType image\/jpeg \"access 1 year\"\n\u00a0 ExpiresByType image\/png \"access 1 year\"\n\u00a0 ExpiresByType image\/gif \"access 1 year\"\n\u00a0 ExpiresDefault \"access 1 month\"\n\n<\/IfModule>\n#Expires cache end<\/code><\/pre>\n
            Yll\u00e4 olevaan koodiin sis\u00e4ltyv\u00e4t asetukset sis\u00e4lt\u00e4v\u00e4t 600 sekunnin p\u00e4ivitys-\/vanhentumisajan HTML:lle ja yhden kuukauden CSS:lle ja JavaScriptille.<\/p>\n
            T\u00e4m\u00e4n vanhenemisajan tarkoituksena on v\u00e4ltt\u00e4\u00e4, ett\u00e4 vierailijat lataavat sis\u00e4lt\u00f6\u00e4 uudelleen liian usein. Jos teet omaisuusmuutoksia useammin, voit muuttaa ajanjaksoa tarpeidesi mukaan.<\/p>\n
            Ihmisille, jotka haluavat hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia, .htaccess-tiedoston muuttaminen on paras vaihtoehto.<\/p>\n
            Kuten koodinp\u00e4tk\u00e4st\u00e4 voi n\u00e4hd\u00e4, kuvat vanhenevat vuoden kuluttua. Jos haluat lis\u00e4t\u00e4 expires-otsikot .htaccess, sinun on muutettava tiedostoa vahingoittamatta mit\u00e4\u00e4n muuta.<\/p>\n
            Jotkut ihmiset eiv\u00e4t kuitenkaan halua sotkea .htaccess-tiedostoaan. Jos tilanne on t\u00e4m\u00e4, voit k\u00e4ytt\u00e4\u00e4 selaimen v\u00e4limuistilaajennusta. Saat lis\u00e4tietoja t\u00e4llaisista laajennuksista my\u00f6hemmin t\u00e4ss\u00e4 artikkelissa.<\/p>\n
              \n
            1. \n
              Lis\u00e4\u00e4 v\u00e4limuistin ohjausotsikot Apachen kautta<\/h4>\n<\/li>\n<\/ol>\n
              Kopioi alla oleva koodi:<\/p>\n
              # BEGIN Cache-Control Headers\n\n<IfModule mod_expires.c>\n  <IfModule mod_headers.c>\n \u00a0\u00a0 <filesMatch \".(ico|jpe?g|png|gif|swf)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\" \n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(css)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(js)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(x?html?|php)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private, must-revalidate\"\n \u00a0\u00a0 <\/filesMatch>\n  <\/IfModule>\n<\/IfModule><\/code><\/pre>\n
              Vanhenemisp\u00e4iv\u00e4n tai enimm\u00e4isi\u00e4n asettaminen HTTP-otsikoissa ei ole en\u00e4\u00e4 tarpeen, koska se oli jo asetettu edellisess\u00e4 vaiheessa, joten sinun ei tarvitse toistaa sit\u00e4 t\u00e4ss\u00e4.<\/p>\n
                \n
              1. \n
                Kytke Etags pois p\u00e4\u00e4lt\u00e4<\/h4>\n<\/li>\n<\/ol>\n
                Etags on lyhenne sanoista Entity Tags ja ne viittaavat v\u00e4limuistissa olevien tiedostojen uusiin versioihin. Koska olet jo asettanut v\u00e4limuistin hallintaotsikot, ETageja ei tarvitse k\u00e4ytt\u00e4\u00e4, joten voit kytke\u00e4 ne pois p\u00e4\u00e4lt\u00e4 latausaikojen parantamiseksi. Lis\u00e4\u00e4 seuraava koodinp\u00e4tk\u00e4 .htaccess-tiedostoon:<\/p>\n
                <IfModule mod_headers.c>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Header unset ETag\n<\/IfModule>\nFileETag None<\/code><\/pre>\n
                Tallenna .htaccess-tiedosto ja olet valmis!<\/p>\n
                NGINX-palvelimen ja selaimen v\u00e4limuisti<\/strong><\/h2>\n
                Jos verkkosivustosi k\u00e4ytt\u00e4\u00e4 NGINX:\u00e4\u00e4, sinun on k\u00e4ytett\u00e4v\u00e4 muita koodinp\u00e4tki\u00e4, koska et l\u00f6yd\u00e4 .htaccess-tiedostoa. J\u00e4lleen, se on eritt\u00e4in helppo prosessi, joka ei vaadi paljon teknist\u00e4 tiet\u00e4myst\u00e4. Mene osoitteeseen \/etc\/nginx\/sites-enabled\/default ja liit\u00e4 t\u00e4m\u00e4 koodi sinne:<\/p>\n
                server {\n\u00a0\u00a0\u00a0 listen\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 80;\n \u00a0\u00a0 server_name\u00a0 localhost;\n \u00a0\u00a0 location \/ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 root\u00a0\u00a0 \/usr\/share\/nginx\/html;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 index\u00a0 index.html index.htm;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(jpg|jpeg|png|gif|ico|css|js)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 365d;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(pdf)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 30d;\n \u00a0\u00a0 }\n}\n\nAdd Cache-Control Headers (NGINX)\nlocation ~* .(jpg|jpeg|png|gif|ico|css|js)$ {\nexpires 90d;\nadd_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n
                Luultavasti huomaat, ett\u00e4 kuvatiedostojen vanhenemisajaksi on asetettu 365 p\u00e4iv\u00e4\u00e4, mik\u00e4 vastaa yht\u00e4 vuotta. PDF-tiedostot vanhenevat vain 30 p\u00e4iv\u00e4n kuluttua. Voit muokata koodia haluamallasi tavalla, aivan kuten edellisess\u00e4 tapauksessa.<\/p>\n
                Kun olet muokannut NGINX:\u00e4\u00e4, tallenna tiedosto ja voit olla varma, ett\u00e4 olet aktivoinut selaimen v\u00e4limuistin NGINX-palvelimella.<\/p>\n
                Hy\u00f6dynn\u00e4 selaamista WordPressiss\u00e4 lis\u00e4osien avulla<\/strong><\/h2>\n
                Htaccess-tiedoston s\u00e4\u00e4t\u00e4minen siell\u00e4, miss\u00e4 et tarvitse sit\u00e4, voi pilata koko verkkosivustosi. Yhden virheen tekeminen johtaa tyhjiin sivuihin ja virheisiin, joten on t\u00e4ysin ymm\u00e4rrett\u00e4v\u00e4\u00e4, jos et halua muuttaa tiedostoa itse.<\/p>\n
                Onneksi on laajennuksia, jotka voivat olla hy\u00f6dyllisi\u00e4 ilman, ett\u00e4 sinun tarvitsee oppia ottamaan k\u00e4ytt\u00f6\u00f6n Leverage Browser Caching WordPressiss\u00e4<\/p>\n
                k\u00e4sin. Liit\u00e4nn\u00e4isen asentaminen voidaan tehd\u00e4 seuraavasti:<\/p>\n
                \"Kuinka<\/a><\/p>\n
                  \n
                1. Lataa laajennus \u2013 yksi esimerkki l\u00f6ytyy t\u00e4\u00e4lt\u00e4<\/li>\n
                2. Siirry kohtaan Dashboard, Plugins ja Add New<\/li>\n
                3. Etsi "Leverage Browser Caching"<\/li>\n
                4. Napsauta Asenna nyt<\/li>\n
                5. Aktivoi laajennus<\/li>\n
                6. Testaa verkkosivustoasi<\/li>\n<\/ol>\n
                  Voit k\u00e4ytt\u00e4\u00e4 my\u00f6s muita laajennuksia, ja jotkin niist\u00e4 on lueteltu alla. Valitse ne tarpeidesi mukaan:<\/p>\n
                  W3 Total Cache \u2013 WordPress-laajennus<\/h2>\n
                  \"Kuinka<\/a><\/p>\n
                  Vipuvaikutusselaimen v\u00e4limuistin korjaaminen WordPressiss\u00e4 W3 Total Cachella voidaan tehd\u00e4 noudattamalla alla lueteltuja vaiheita:<\/p>\n
                    \n
                  1. Lataa ja asenna W3 Total Cache WordPress -laajennus<\/li>\n
                  2. Siirry kohtaan Yleiset asetukset ja valitse Ota k\u00e4ytt\u00f6\u00f6n selaimen v\u00e4limuisti<\/li>\n
                  3. Napsauta Tallenna ja siirry selaimen v\u00e4limuistin asetuksiin (sivun yl\u00e4reunassa)<\/li>\n
                  4. Valitse k\u00e4ytett\u00e4viss\u00e4 olevat v\u00e4limuistin otsikot<\/li>\n
                  5. Set expires -otsikot, v\u00e4limuistin hallinta ja ETag-otsikot (perustuu aiemmin tehtyihin asetuksiin)<\/li>\n
                  6. Tallenna kaikki asetukset ja p\u00e4ivit\u00e4 verkkosivustosi<\/li>\n<\/ol>\n
                    WP nopein v\u00e4limuisti<\/h2>\n
                    \"Kuinka<\/a><\/p>\n
                    WP Fastest Cache on toinen laajennus, jonka avulla voit ottaa selaimen v\u00e4limuistin k\u00e4ytt\u00f6\u00f6n WordPressiss\u00e4.<\/p>\n
                      \n
                    1. Lataa ja asenna WP Fastest Cache.<\/li>\n
                    2. Siirry laajennuksen asetuksiin<\/li>\n
                    3. Valitse Selaimen v\u00e4limuisti valitsemalla valintaruutu<\/li>\n
                    4. Napsauta L\u00e4het\u00e4 ottaaksesi muutokset k\u00e4ytt\u00f6\u00f6n, ja siin\u00e4 kaikki<\/li>\n<\/ol>\n
                      Cache Enabler \u2013 WordPress-v\u00e4limuisti<\/h2>\n
                      \"Kuinka<\/a><\/p>\n
                      T\u00e4m\u00e4 laajennus sis\u00e4lt\u00e4\u00e4 lis\u00e4\u00e4 ominaisuuksia, joista voi olla hy\u00f6ty\u00e4 tulevaisuudessa: voit automatisoida v\u00e4limuistin puhdistusprosessin tai tehd\u00e4 sen k\u00e4sin, voit tyhjent\u00e4\u00e4 sivun manuaalisesti, pienent\u00e4\u00e4 HTML- ja JavaScript-koodia ja paljon muuta. Voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 yksinkertaisesti:<\/p>\n
                        \n
                      1. Asenna laajennus ja aktivoi se<\/li>\n
                      2. Mene asetuksiin<\/li>\n
                      3. Napsauta Ota k\u00e4ytt\u00f6\u00f6n selaimen v\u00e4limuisti<\/li>\n<\/ol>\n
                        K\u00e4yt\u00e4 Yoast SEO:ta .htaccess-tiedoston muokkaamiseen<\/strong><\/h2>\n
                        \"Kuinka<\/a><\/p>\n
                        Voit my\u00f6s muokata .htaccess-tiedostoa turvallisemmalla tavalla k\u00e4ytt\u00e4m\u00e4ll\u00e4 Yoast SEO Plugin -laajennusta. Yleisimmin k\u00e4ytetty WordPress-laajennus on Yoastin SEO. K\u00e4ytt\u00e4m\u00e4ll\u00e4 t\u00e4t\u00e4 laajennusta voit muokata .htaccess-tiedostoa helposti. Jos sinulla ei viel\u00e4 ole Yoastia, sinun on asennettava se ja aktivoitava se etuk\u00e4teen. Sen j\u00e4lkeen sinun tulee:<\/p>\n
                          \n
                        1. Avaa SEO ja sitten Ty\u00f6kalut.<\/li>\n
                        2. Siirry tiedostoeditoriin<\/li>\n
                        3. .htaccess-tiedosto avataan tekstieditorissa, johon voit liitt\u00e4\u00e4 yll\u00e4 luetellut koodinp\u00e4tk\u00e4t<\/li>\n
                        4. Tallenna muutokset<\/li>\n<\/ol>\n
                          Muutosten tekemisen j\u00e4lkeen voit tarkistaa muutosten tekemisen j\u00e4lkeen Google PageSpeed \u200b\u200bInsightsin avulla, onko kaikki kunnossa. Jos verkkosivustosi hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia oikein, olet valmis. Jos ei, sinun tulee k\u00e4yd\u00e4 prosessi l\u00e4pi uudelleen ja katsoa, \u200b\u200bmit\u00e4 olet unohtanut.<\/p>\n
                          Kolmannen osapuolen resurssien tallentaminen v\u00e4limuistiin<\/strong><\/h2>\n
                          Kun olet tehnyt kaikki t\u00e4ss\u00e4 artikkelissa kuvatut muutokset, saatat silti saada huonon tuloksen, kun testaat verkkosivustosi nopeutta eri ty\u00f6kaluilla. Google PageSpeed \u200b\u200bInsights voi antaa sinulle huonon tuloksen, koska monet kolmannen osapuolen komentosarjat tai palvelut toimivat verkkosivustosi takana. N\u00e4ill\u00e4 skripteill\u00e4 ei ole pitk\u00e4\u00e4 vanhenemisaikaa monista syist\u00e4 johtuen.<\/p>\n
                          Jos saat edelleen viestej\u00e4 Leverage Browser Cachingiin WordPressiss\u00e4 kaikkien mahdollisten vihjeiden noudattamisen j\u00e4lkeen, et voi tehd\u00e4 muuta kuin poistaa k\u00e4ytt\u00e4m\u00e4tt\u00f6m\u00e4t skriptit. Enint\u00e4\u00e4n kolmen skriptin pit\u00e4isi riitt\u00e4\u00e4 verkkosivustolle, joten muista puhdistaa luettelo.<\/p>\n
                          T\u00e4m\u00e4n muutoksen tekemisen j\u00e4lkeen kaiken pit\u00e4isi toimia hyvin, ja verkkosivustosi latausajan oletetaan olevan mahdollisimman l\u00e4hell\u00e4 t\u00e4ydellisyytt\u00e4. Jos kohtaat ongelman, joka on hyvin spesifinen ja jolla ei ole mit\u00e4\u00e4n tekemist\u00e4 kolmannen osapuolen komentosarjojen kanssa, sinun tulee saada tietoa siit\u00e4 ja katsoa, \u200b\u200bmik\u00e4 asetus aiheuttaa ongelman.<\/p>\n
                          Lopetetaan ajatukset selaimen v\u00e4limuistin hy\u00f6dynt\u00e4misest\u00e4 WordPressiss\u00e4<\/strong><\/h2>\n
                          Muista, ett\u00e4 et ehk\u00e4 huomaa tekemi\u00e4si muutoksia heti laajennuksen asentamisen j\u00e4lkeen. Viiveen syyn\u00e4 on CSS\/Stylesheet-tiedosto. Tietokoneellesi jo tallentamasi selaimen v\u00e4limuisti est\u00e4\u00e4 sinua n\u00e4kem\u00e4st\u00e4 tekemi\u00e4si muutoksia. Jotta sivusto n\u00e4kee kunnolla useiden muutosten j\u00e4lkeen, on suositeltavaa vierailla sill\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 selaimesi incognito-toimintoa. K\u00e4ytt\u00e4m\u00e4ll\u00e4 t\u00e4t\u00e4 toimintoa et k\u00e4yt\u00e4 v\u00e4limuistiresursseja ja sinun pit\u00e4isi pysty\u00e4 n\u00e4kem\u00e4\u00e4n muutokset oikein.<\/p>\n
                          Loppujen lopuksi menetelm\u00e4ll\u00e4, jonka valitset hy\u00f6dynt\u00e4\u00e4 selaimen v\u00e4limuistia, ei ole merkityst\u00e4. Ainoa asia, jolla on merkityst\u00e4, on n\u00e4hd\u00e4 se toiminnassa. Niin kauan kuin Leverage Browser Caching WordPressiss\u00e4 toimii odotetusti, tapa, jolla p\u00e4\u00e4sit sinne, ei ole v\u00e4li\u00e4. Voit valita itsellesi sopivan menetelm\u00e4n ja lopputulos on sama. Joko p\u00e4\u00e4t\u00e4t muuttaa .htaccess-tiedostoa tai k\u00e4ytt\u00e4\u00e4 laajennusta, saat paremmat latausajat aktivoimalla Leverage Browser Caching -toiminnon.<\/p>\n
                          Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta selaimen v\u00e4limuistin hy\u00f6dynt\u00e4misest\u00e4 WordPressiss\u00e4, sinun tulee tarkistaa t\u00e4m\u00e4 artikkeli WordPressin nopeuttamisesta<\/a>.<\/p>\n
                          Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten WordPress-tietokantalaajennuksesta<\/a>, WordPressin<\/a> laiskalatauslaajennuksesta, WordPress-v\u00e4limuistilaajennuksen<\/a> vaihtoehdoista ja CDN-palveluista<\/a>.<\/p>\n
                          :  wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
                          Jos haluat hallita Leverage Browser Caching -toimintoa WordPressiss\u00e4, tied\u00e4t jo sen t\u00e4rkeimm\u00e4n edun \u2013 se lis\u00e4\u00e4 verkkosivuston latausnopeutta.<\/p>\n","protected":false},"author":1,"featured_media":173742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[917,843,864],"tags":[1166],"class_list":["post-228386","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-muut","category-opetusohjelmia","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/228386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=228386"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/228386\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/173742"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=228386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=228386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=228386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}