Astăzi continuăm tutorialul nostru despre W3TC. Probabil știi deja că este plugin cache, care vă permite, printre altele, să accelerați blogul tău (își îmbunătățește performanța).

Acest tutorial este împărțit în mai multe părți. De atunci am început cu introducerea în cache și am făcut câteva ajustări preliminare. Puteți vedea diferitele capitole de mai jos:

• Partea 1: Introducere în cache
• Partea 2: Cum se configurează W3TC
  • Setări generale - episodul 1
  • Mai multe setări generale - episodul 2
  • Configurare în memoria cache a paginii - episodul 3
  • Configurarea minificărilor - Episodul 4 (Tutorial prezent)
  • Configurarea bazei de date în cache - Episodul 5
  • Configurare obiect și browser - episodul 6
• Partea 3: Toate răspunsurile la întrebările dvs.
• Partea 4: Parametrii „Mainspan” W3TC

Partea 2: Configurarea minificare

Suntem încă în configurația W3TC, dar acum vom vorbi despre comprimarea fișierelor.

Înainte de a accesa meniul Maxify ", Mai întâi trebuie să activați" Maxify În setările generale. Dacă ați activat modul de compresie și dacă funcționează corect pe site-ul dvs., atunci setările pentru „ minification Ceea ce vedeți în acest meniu va fi o versiune simplificată a celor afișate în capturile de ecran de mai jos.

În acest tutorial, acoperim procesul de comprimare ( Minimizarea ) cu W3TC. „ minification Și combinația de JS și CSS sunt esența a ceea ce vom vedea în acest tutorial.

Minify: Generalități

Setări generale din meniu Maxify Are trei opțiuni.

Modulul Rescrierea URL-ul „Ar trebui activat în mod implicit și ar trebui să lăsați această opțiune așa cum este, cu excepția cazului în care preferați să vedeți fișierele CSS și JS preluate folosind anteturile„ http GET ”, mai degrabă decât structura URL normală.

Dezactivați " minification Pentru utilizatorii autentificați nu trebuie schimbați. Se recomandă să nu oferiți utilizatorilor conectați și deconectați cu diferite fișiere CSS și JS.

Notificare de eroare " Maxify Trebuie setat pentru notificările administratorului. Acest lucru le va permite să fie informați atunci când există o eroare.

Următoarele secțiuni " toate minify ", Combinați și mutați opțiunea" componente pentru pagină ". Acest lucru poate rupe prezentarea site-ului dvs. Ar trebui să activați modul de previzualizare și să urmăriți site-ul dvs. în timp ce efectuați modificări pentru a vă asigura că nu deteriorați aspectul site-ului.

Minify: HTML și XML

Secțiunea HTML și XML Din meniul Minify este simplu. Casetele de selectare sunt destinate să permită " minification ", din '" inline CSS și JavaScript, omit fluxurile de minificare și permit ruperea liniilor noi.

Cu excepția opțiunii „ Nu minimați fluxurile Ceea ce trebuie să rămână bifat, viteza site-ului dvs. ar trebui să se îmbunătățească.

Caseta de text din ignorate comentariile aburi Este folosit pentru a identifica comentariile HTML care nu ar trebui eliminate atunci când HTML-ul este „comprimat”. Unele comentarii conectate vor fi în mod implicit în acest domeniu, pentru a se asigura că comentariile asociate cu Google AdWords și cititorii nu sunt șterse. Dacă codul dvs. HTML conține comentarii suplimentare și doriți să rămâneți în „ minimizat În HTML, adăugați un termen în această casetă de text, astfel încât orice comentarii cu această expresie nu vor fi șterse.

Minify: JS

Dacă ați activat compresia JavaScript și CSS În meniu Setări generale vei putea lucra doar cu toate Resurse Atât JavaScript, cât și meniul pe care îl vedeți vor fi o versiune simplificată a imaginii de mai jos.

Dacă ați selectat metoda manuală, trebuie să derulați în partea de sus a meniului Maxify Și selectați butonul vrăjitor. Acesta din urmă listează fișierele JavaScript și CSS detectate de W3TC. Selectați bifați toate casetele atât pentru tipurile de fișiere JavaScript cât și pentru CSS și faceți clic pe „ Aplică Și aproape. Aceasta va adăuga fișierele JavaScript și CSS în meniu " Maxify Pentru a putea lucra manual cu acestea.

Uită-te la caseta cu numele " Operarea în zone ". În această secțiune puteți controla dacă Resurse JavaScript sunt " minimizat Și combinată cu opțiunea Maxify Sau dacă sunt pur și simplu combinate. Tipul Embed » oferă câteva opțiuni pentru modul în care Resurse JavaScript sunt încărcate. Puteți încerca fiecare dintre opțiunile din „ nonblocking Până când veți găsi una care nu rupe prezentarea site-ului dvs., dar dacă niciuna dintre opțiuni nu funcționează, lăsați valorile implicite.

Dacă ați selectat metoda de compresie manuală în setările generale, puteți lucra individual cu fiecare fișier atribuindu-l unui singur șablon sau tuturor șabloanelor și mutându-l în „ antet », Le« corp „Sau mai jos” corp Pentru control granular asupra locului în care apare fiecare fișier în documentul HTML și modul în care este încărcat. Puteți, de asemenea, « drag and drop »Fișiere, pentru a rearanja ordinea în care sunt încărcate în cazul în care unele fișiere depind de fișierele anterioare pentru a se încărca corect.

Setarea optimă este mutarea fișierelor din „ antet Și încărcați-le una dintre opțiunile nonblocking '(Non-blocare). Cu toate acestea, există o șansă foarte bună ca, în acest sens, aspectul site-ului dvs. să fie afectat.

În realitate, nu există nicio cale de a parcurge fiecare fișier odată, testându-le în diferite locuri și asigurându-vă că site-ul se încarcă corect.

Minify: CSS

Există patru setări pentru a reduce fișierele CSS disponibile:

• Permite : Permite minificarea și combinarea fișierelor CSS.
• Combinați numai : Combinați fișierele CSS, dar nu le micsorați.
• A păstrat modul de îndepărtare : Elimină comentariile din fișierele CSS combinate.
• Îndepărtarea liniei: Elimină liniile noi din fișierele CSS combinate.

Începeți selectând toate opțiunile, cu excepția „ Combinați numai “. Dacă prezentarea site-ului este diferită, debifați " A păstrat modul de îndepărtare "Și" Îndepărtarea liniei “. Dacă acest lucru nu corectează site-ul, atunci utilizați „ Combinați numai ".

Pentru opțiunea @import, selectați " Proces ".

Dacă ați selectat " Auto Ca metodă de minification "Setări generale, atunci veți vedea doar primele două secțiuni ale acestui meniu. Cu toate acestea, dacă aveți minification Manual, atunci veți vedea o secțiune de gestionare a fișierelor CSS.

Dacă nu ați adăugat deja fișiere CSS care vor fi gestionate, selectați ajutorul „Ajutor” și selectați toate fișierele CSS pentru temele dvs. Apoi rearanjați ordinea fișierelor astfel încât să fie încărcate mai întâi cele mai critice fișiere.

Minify: Setări avansate

În cele mai multe cazuri, setările implicite din secțiunea avansată nu au nevoie de multă editare. Cu toate acestea, le puteți utiliza pentru a regla frecvența cu care sunt actualizate fișierele JavaScript și CSS, frecvența cu care fișierele expirate sunt șterse din cache și multe altele.

Secțiunea avansată include trei câmpuri pentru a exclude anumite pagini, fișiere JS și fișiere CSS din „ minification ". Dacă descoperiți că unele resurse JS sau CSS nu ar trebui niciodată comprimate, le puteți izola adăugându-le la aceste domenii. Dacă aveți nevoie de ajutor cu sintaxa corectă, consultați „ Utilizare: Generalități Din FAQ pentru instrucțiuni.

Asta e pentru opțiunile de minificare pe W3 Total Cache, vom continua cu memoria cache a bazei de date.