I dag fortsetter vi opplæringen vår om W3TC. Du vet sikkert allerede at det er det cache-plugin, som lar deg blant annet akselerere bloggen din (forbedrer ytelsen).

Denne opplæringen er delt inn i flere deler. Vi har siden startet med introduksjonen til hurtigbufferen og gjort noen innledende justeringer. Du kan se de forskjellige kapitlene nedenfor:

• Del 1: Introduksjon til Cache
• Del 2: Hvordan konfigurere W3TC
  • Generelle innstillinger - Episode 1
  • Flere generelle innstillinger - Episode 2
  • Page Cache Configuration - 3 Episode
  • Configuration of minifications - Episode 4 (Present tutorial)
  • Databasecache-konfigurasjon - 5-episode
  • Objekt og nettleserkonfigurasjon - Episode 6
• Del 3: Alle svarene på spørsmålene dine
• Del 4: W3TC "Mainspan" -parametere

Del 2: Konfigurering forminskning

Vi er fortsatt i konfigurasjonen W3TC, men nå la oss snakke om filkomprimering.

Før du åpner menyen Minify ", Du må først aktivere" Minify I de generelle innstillingene. Hvis du har aktivert komprimeringsmodus, og hvis den fungerer som den skal på nettstedet ditt, er innstillingene for " minifisering At du ser i denne menyen vil være en forenklet versjon av det som vises i skjermbildene nedenfor.

I denne opplæringen dekker vi kompresjonsprosessen ( Minimalisering ) med W3TC. " minifisering Og kombinasjonen av JS og CSS er essensen av det vi vil se i denne opplæringen.

Minify: Generelt

Generelle innstillinger i menyen Minify Har tre alternativer.

Modulen URL Rewrite "Bør være aktivert som standard, og du bør la dette alternativet være slik, med mindre du foretrekker å se CSS- og JS-filene dine hentet ved hjelp av" http GET "-overskrifter i stedet for den vanlige URL-strukturen.

Deaktiver " minifisering For innloggede brukere bør ikke endres. Det anbefales ikke å gi innloggede og frakoblede brukere med forskjellige CSS- og JS-filer.

Feilmelding " Minify Må angis for administratorvarsler. Dette vil tillate dem å bli informert når det er en feil.

Følgende seksjoner " alle minify ", Kombiner og flytt alternativet" sidekomponenter ". Dette kan bryte presentasjonen av nettstedet ditt. Du bør aktivere forhåndsvisningsmodus og holde øye med nettstedet ditt når du gjør endringer for å sikre at du ikke skader nettstedsoppsettet.

Minify: HTML og XML

Seksjonen HTML og XML Fra Minify-menyen er enkel. Avmerkingsboksene er ment å tillate " minifisering ", av' " inline »CSS og JavaScript, utelat minifiseringsstrømmer, og tillat å bryte nye linjer.

Med unntak av alternativet " Ikke minifiser innmatinger Som må forbli ukontrollert, bør nettstedets hastighet forbedres.

Tekstboksen til ignorert kommentarer damper Brukes til å identifisere HTML-kommentarer som ikke skal fjernes når HTML er "komprimert". Noen koblede kommentarer vil være i dette feltet som standard for å sikre at kommentarer knyttet til Google AdWords og lesere ikke blir slettet. Hvis HTML-koden din inneholder flere kommentarer, og du vil være i " minified Legg til et begrep i HTML i tekstboksen, så kommentarer med dette uttrykket blir ikke slettet.

Minify JS

Hvis du har aktivert komprimering JavaScript og CSS I menyen generelle innstillinger du vil bare kunne jobbe med alle ressources Både JavaScript og menyen du ser vil være en forenklet versjon av bildet nedenfor.

Hvis du har valgt den manuelle metoden, må du bla til toppen av menyen Minify Og velg veiviserknappen. Sistnevnte lister opp JavaScript- og CSS-filene som er oppdaget av W3TC. Merk av for alle boksene for både JavaScript- og CSS-filtyper, og klikk på " Påfør Og nær. Dette vil legge til JavaScript- og CSS-filene i menyen " Minify Slik at du kan jobbe med disse manuelt.

Se på boksen som heter " Drift i områder ". I denne delen kan du kontrollere om ressources JavaScript er " minified Og kombinert med alternativet Minify Eller hvis de ganske enkelt kombineres. Typen embed » tilbyr noen alternativer for hvordan ressources JavaScript er lastet inn. Du kan prøve hvert av alternativene til " nonblocking Inntil du finner en som ikke ødelegger nettstedets presentasjon, men hvis ingen av alternativene fungerer, må du la standardverdiene være.

Hvis du har valgt manuell komprimeringsmetode i de generelle innstillingene, kan du jobbe med hver fil individuelt ved å tildele den til en enkelt mal eller til alle malene og flytte den til " header », Le« kroppen "Eller nedenfor" kroppen For granulær kontroll over hvor hver fil vises i HTML-dokumentet og hvordan den lastes inn. Du kan også « dra-og-slipp »Filer, for å omorganisere rekkefølgen de lastes inn i tilfelle noen filer er avhengig av tidligere filer for å lastes riktig.

Den optimale innstillingen er å flytte filene fra " header Og last dem et av alternativene til nonblocking "(Ikke-blokker). Imidlertid er det en veldig god sjanse for at utseendet på nettstedet ditt påvirkes ved å gjøre dette.

Det er virkelig ingen vei rundt dette ved å gå gjennom hver fil en gang, teste dem forskjellige steder og sørge for at nettstedet lastes riktig.

Minify CSS

Det er fire innstillinger for å redusere tilgjengelige CSS-filer:

• aktiver : Aktiverer minfication og kombinasjonen av CSS-filer.
• kombinere bare : Kombiner CSS-filer, men ikke bagatelliserer dem.
• Bevart hvordan fjerning : Fjerner kommentarer fra kombinerte CSS-filer.
• Linjeskift fjerning: Fjerner nylinjer i kombinerte CSS-filer.

Start med å velge alle alternativene bortsett fra " kombinerer Only ". Hvis presentasjonen av nettstedet er annerledes, fjern merket for " Bevart hvordan fjerning "Og" Linjeskift fjerning ". Hvis det ikke korrigerer nettstedet, bruker du " kombinerer Only '.

For alternativet @import velger du " Prosess '.

Hvis du valgte " Auto Som en metode for minifisering "Generelle innstillinger, da vil du bare se de to første delene av denne menyen. Imidlertid, hvis du har minifisering Manuelt, så vil du se en CSS-filhåndteringsdel.

Hvis du ikke allerede har lagt til CSS-filer som skal administreres, velger du "Hjelp" -hjelperen og velger alle CSS-filene for temaene dine. Omorganiser deretter rekkefølgen på filene slik at de mest kritiske filene lastes inn først.

Minifiser: Avanserte innstillinger

I de fleste tilfeller trenger ikke standardinnstillingene i den avanserte delen mye redigering. Du kan imidlertid bruke dem til å justere frekvensen som JavaScript- og CSS-filer blir oppdatert med, hvor ofte utløpne filer slettes fra hurtigbufferen og mer.

Den avanserte delen inneholder tre felt for å ekskludere bestemte sider, JS-filer og CSS-filer fra " minifisering ". Hvis du finner ut at noen JS- eller CSS-ressurser aldri skal komprimeres, kan du isolere dem ved å legge dem til disse domenene. Hvis du trenger hjelp med riktig syntaks, se " Bruk: Generelt Fra FAQ for instruksjoner.

Det er det for minifiseringsalternativene på W3 Total Cache, vi fortsetter med databasecachen.