I dag fortsætter vi vores tutorial om W3TC. Det ved du sikkert allerede, at det er cache-plugin, som giver dig mulighed for blandt andet at accelerere din blog (forbedrer dens ydeevne).

Denne tutorial er opdelt i flere dele. Vi er siden startet med introduktionen til cachen og foretaget nogle indledende justeringer. Du kan se de forskellige kapitler nedenfor:

Del 2: Minificeringens konfiguration

Vi er stadig i konfigurationen af ​​W3TC, men nu skal vi tale om filkomprimering.

Før du åbner menuen Minify ", Du skal først aktivere" Minify I de generelle indstillinger. Hvis du har aktiveret komprimeringstilstand, og hvis den fungerer korrekt på dit websted, er indstillingerne for " minifikationen At du ser i denne menu vil være en forenklet version af det, der vises i skærmbillederne nedenfor.

I denne vejledning dækker vi kompressionsprocessen ( at komprimere ) med W3TC. " minifikationen Og kombinationen af ​​JS og CSS er essensen af ​​det, vi vil se i denne tutorial.

Minify: General

Generelle indstillinger i menuen Minify Har tre muligheder.

Minify-almen-w3tc-plugin-wordpress

Modulet Omskrive URL "Bør være aktiveret som standard, og du skal lade denne mulighed være som sådan, medmindre du foretrækker at se dine CSS- og JS-filer hentet ved hjælp af" http GET "-overskrifter snarere end den normale URL-struktur.

Deaktiver " minifikationen For indlogerede brugere bør ikke ændres. Det anbefales ikke at give loggede og frakoblede brugere forskellige CSS- og JS-filer.

Fejlmeddelelse " Minify Skal indstilles til administratorunderretninger. Dette giver dem mulighed for at blive informeret, når der er en fejl.

De følgende afsnit " alle reducere ", Kombiner og flyt" sidekomponenter ". Dette kan bryde præsentationen af ​​dit websted. Du skal aktivere preview-tilstand og holde øje med dit websted, når du foretager ændringer for at sikre, at du ikke beskadiger dit webstedslayout.

Minify: HTML & XML

Sektionen HTML og XML Fra Minify-menuen er enkel. Afkrydsningsfelterne er beregnet til at tillade " minifikationen ", af' " inline »CSS og JavaScript, udelad minifikationsstrømme og tillad at bryde nye linjer.

Minify-html-w3tc

Med undtagelse af muligheden " Minificer ikke feeds Som skal forblive ikke markeret, skal dit websteds hastighed forbedres.

Tekstfeltet af ignoreret kommentarer dampe Bruges til at identificere HTML-kommentarer, der ikke skal fjernes, når HTML er "komprimeret". Nogle sammenkædede kommentarer er som standard i dette domæne for at sikre, at kommentarer, der er knyttet til Google AdWords og læsere, ikke slettes. Hvis din HTML-kode indeholder yderligere kommentarer, og du vil forblive i " minified Tilføj HTML til HTML i dette tekstfelt, så eventuelle kommentarer til dette udtryk slettes ikke.

Minifere: JS

Hvis du har aktiveret komprimering JavaScript og CSS I menuen Generelle indstillinger du vil kun være i stand til at arbejde med alle ressourcer Både JavaScript og menuen, du ser, vil være en forenklet version af billedet nedenfor.

Minify-js-w3tc

Hvis du har valgt den manuelle metode, skal du rulle til toppen af ​​menuen Minify Og vælg guiden-knap. Sidstnævnte viser JavaScript- og CSS-filer, der er registreret af W3TC. Marker afkrydsningsfelt i alle felter for både JavaScript- og CSS-filtyper, og klik på " Indløs Og tæt. Dette tilføjer JavaScript- og CSS-filer i menuen " Minify Så du kan arbejde med disse manuelt.

Se på boksen " Drift i områder ". I dette afsnit kan du kontrollere, om ressourcer JavaScript er " minified Og kombineret med optionen Minify Eller hvis de simpelthen er kombineret. Typen Integrer » giver nogle muligheder for hvordan ressourcer JavaScript er indlæst. Du kan prøve hver af mulighederne i " blokerende Indtil du finder en, der ikke bryder præsentationen af ​​dit websted, men hvis ingen af ​​mulighederne fungerer, skal du lade standardindstillingerne være.

Hvis du har valgt den manuelle komprimeringsmetode i de generelle indstillinger, kan du arbejde med hver fil individuelt ved at tildele den til en enkelt skabelon eller til alle skabeloner og flytte den til " header "The" krop "Eller nedenfor" krop For granulær kontrol over hvor hver fil vises i HTML-dokumentet og hvordan den indlæses. Du kan også « træk og slip »Filer for at omarrangere rækkefølgen, i hvilken de indlæses, hvis nogle filer afhænger af tidligere filer for at indlæses korrekt.

Minify-js-kompression

Den optimale indstilling er at flytte filerne fra " header Og indlæs dem en af ​​mulighederne for blokerende "(Ikke-blokerende). Der er dog en meget god chance for, at udseendet på dit websted påvirkes ved at gøre dette.

Der er virkelig ingen måde at omgå dette ved at gå gennem hver fil én gang, teste dem forskellige steder og sikre sig, at webstedet indlæses korrekt.

Minify: CSS

Der er fire indstillinger til at reducere de tilgængelige CSS-filer:

minifikationen-css muligheder

  • Aktiver : Aktiverer minfikationen og kombinationen af ​​CSS-filer.
  • Kombiner kun : Kombiner CSS-filer, men ikke krymp dem.
  • Bevaret, hvordan fjernelse : Fjerner kommentarer fra kombinerede CSS-filer.
  • Linjepause fjernelse: Fjerner nylinjer i kombinerede CSS-filer.

Start med at vælge alle indstillinger bortset fra " Kombiner kun ". Hvis præsentationen af ​​webstedet er anderledes, skal du fjerne markeringen af ​​" Bevaret, hvordan fjernelse "Og" Linjepause fjernelse ". Hvis det ikke korrigerer webstedet, skal du bruge " Kombiner kun '.

For indstillingen @import skal du vælge " Proces '.

Hvis du valgte " Auto Som en metode til minifikationen "Generelle indstillinger, så ser du kun de to første sektioner i denne menu. Men hvis du har minifikationen Manual, så ser du et CSS-filhåndteringsafsnit.

Hvis du ikke allerede har tilføjet CSS-filer, der administreres, skal du vælge guiden "Hjælp" og vælge alle CSS-filer til dine temaer. Omarranger derefter rækkefølgen af ​​filerne, så de mest kritiske filer indlæses først.

Minify: Avancerede indstillinger

I de fleste tilfælde har standardindstillingerne i det avancerede afsnit ikke brug for meget redigering. Du kan dog bruge dem til at justere den hyppighed, hvorpå JavaScript- og CSS-filer opdateres, hvor ofte udløbne filer slettes fra cachen og mere.

tuning-af-udløbet des-filer w3tc

Det avancerede afsnit indeholder tre felter til at ekskludere bestemte sider, JS-filer og CSS-filer fra " minifikationen ". Hvis du finder ud af, at nogle JS- eller CSS-ressourcer aldrig skal komprimeres, kan du isolere dem ved at føje dem til disse domæner. Hvis du har brug for hjælp til den korrekte syntaks, se " Anvendelse: Generelt Fra FAQ for instruktioner.

Det er det for minificeringsindstillingerne på W3 Total Cache, vi fortsætter med databasecachen.