Hvernig á að setja upp sjálfstýringu fyrir WordPress síðuna þína
Autoptimize er ókeypis WordPress fínstillingarviðbót. Auk HTML, CSS og JavaScript hagræðingar inniheldur Autoptimize einnig hagræðingareiginleika sem miða að öðrum þáttum nútíma WordPress vefsvæða.
Uppgötvaðu hvernig Behmaster viðskiptavinir sjá allt að 200% aukningu á frammistöðu.
Frekari upplýsingar
Í þessari færslu munum við deila bestu Autoptimize viðbótastillingunum til að bæta afköst og síðuhraða WordPress síðunnar þinnar.
Hvers vegna sjálfvirkni?
Áður en við köfum í bestu Autoptimize stillingarnar skulum við fljótt fara yfir þrjár ástæður fyrir því að Autoptimize er frábær fínstillingarviðbót.
- Ókeypis útgáfan af Autoptimize er með fullkomið eiginleikasett til að fínstilla WordPress síðuna þína.
- Autoptimize er stranglega hagræðingarviðbót og gerir enga HTML síðu skyndiminni. Þetta þýðir að það er samhæft við alla vefþjóna – jafnvel þá sem eru með sérsniðnar stillingar fyrir skyndiminni síðu eins og Behmaster.
- Autoptimize hefur yfir 1 milljón virkra uppsetningar í WordPress geymslunni og er stöðugt uppfærð með nýjum eiginleikum og villuleiðréttingum.
Fínstilltu JS, CSS og HTML stillingar
HTML, CSS og JavaScript er brauð og smjör frá Autoptimize. Eins og með önnur fínstillingarviðbætur, getur það verið ógnvekjandi verkefni að grafa í víðtæka eiginleika og stillingar Autoptimize. Til að gera hlutina auðveldari höfum við tekið saman bestu Autoptimize stillingarnar til að bæta árangur síðunnar þinnar.
JavaScript valkostir
Fínstilltu JavaScript kóða
Við mælum með að virkja þennan valkost. Þegar „fínstilla JavaScript kóða“ er virkt mun Autoptimize minnka JavaScript skrárnar þínar.
Safna saman JS skrár
Autoptimize „samanlögð JS skrár“ valmöguleikinn mun sameina allar JavaScript skrárnar þínar í eina skrá. Í fortíðinni var að sameina JS og CSS skrár lykilskref í WordPress hagræðingu. Kl Behmaster, við notum nútíma HTTP/2 netþjóna sem styðja samhliða niðurhal og margföldun – þetta þýðir að sameina skrár er ekki lengur eins mikilvægt og áður vegna þess að HTTP/2 gerir kleift að hlaða niður mörgum skrám á sama tíma. Að því sögðu mun samansöfnun CSS og JS skráa samt leiða til hraðahindrunar fyrir ákveðnar tegundir WordPress vefsvæða, svo við mælum með að prófa síðuhraðann með þessum valkosti virkan og óvirkan.
Einnig Aggregate Inline JS
Valmöguleikinn „einnig samansafn inline JS“ dregur út innbyggða JS í HTML-númerinu þínu og sameinar það með fínstilltu JS-skrá Autoptimize. Þar sem þessi valkostur getur valdið hraðri aukningu á skyndiminni Autoptimize, mælum við með að hafa þennan valkost óvirkan nema þú hafir sérstaka ástæðu til að virkja hann.
Þvingaðu JavaScript inn
Í flestum tilfellum mælum við ekki með því að þvinga JavaScript skrár til að hlaðast inn í HTML vefsvæðis þíns þáttur. Að þvinga JS til að hlaðast snemma getur leitt til þess að þættir sem hindra birtingu sem geta dregið úr hraða síðunnar. Ef þú ert með JavaScript skrár sem þarf að hlaða í þáttur, mælum við með að útiloka þessi forskrift frá Autoptimize.
Útiloka forskriftir frá Autoptimize
Þessi valkostur gerir þér kleift að útiloka sérstakar möppur og JavaScript skrár frá söfnun. Sjálfgefið er að Autoptimize útilokar eftirfarandi forskriftir.
- wp-includes/js/dist/
- wp-includes/js/tinymce/
- js/jquery/jquery.js
Athugaðu að það að bæta við skriftu sem á að útiloka hefur aðeins sjálfgefið áhrif á söfnun. Útilokaðar JavaScript skrár verða samt minnkaðar nema „minnkaðu útilokaðar CSS og JS skrár“ sé hakað undir „Ýmsir valkostir“.
Bættu við Try-Catch umbúðum
Með því að virkja valmöguleikann „bæta við reyndu-fanga umbúðum“ mun JavaScript kóðann þinn vefjast inn í reyfarafangakubba. Þessi valkostur er gagnlegur fyrir villuleitarvandamál af völdum JS minnkunar og samsöfnunar. Ef vefsíðan þín virkar aðeins með „bæta við tilraunafanga umbúðum“ virkt, mælum við með því að vinna með þróunaraðila til að fara í gegnum JavaScript skrárnar þínar til að bera kennsl á þann sem veldur vandanum vegna þess að óhófleg notkun á tilraunafangablokkum getur dregið úr afköstum JS.
CSS valkostir
Fínstilltu CSS kóða
Við mælum með að virkja þennan valkost. Þegar „fínstilla CSS kóða“ er virkt mun Autoptimize minnka CSS skrárnar þínar.
Safna CSS skrár
Valmöguleikinn „samanlagðar CSS skrár“ Autoptimize mun sameina allar CSS skrárnar þínar í eina skrá. Eins og við nefndum áðan gæti þessi eiginleiki ekki gagnast síðum sem styðja HTTP/2. Við mælum með því að A/B prófi þennan valkost á síðunni þinni til að ákvarða hvort það hafi einhver jákvæð áhrif á síðuhraða.
Einnig samansafn Inline CSS
Þessi valkostur mun færa innbyggða CSS í CSS skrá Autoptimize. Þó að færa innbyggða CSS í CSS-skrá sem hægt er að vista í vafra getur dregið úr síðustærð, mælum við með að hafa þennan valkost óvirkan í flestum tilfellum.
Búðu til gögn: URI fyrir myndir
Þegar þessi valkostur er virkur mun Autoptimize base64-kóða litlar bakgrunnsmyndir og fella þær inn í CSS. Við mælum með að prófa þennan valkost til að meta áhrifin á síðuhraðann þinn. Þó að kóðun mynda í base64 sniði dragi úr fjölda HTTP beiðna eru base64 framsetningarskrár venjulega 20-30% stærri en tvöfaldar hliðstæða þeirra.
Inline og Defer CSS
Innbygging mikilvægrar CSS getur leitt til umtalsverðrar hraðaaukningar fyrir sumar síður. Hugmyndin hér er innbyggður stíll sem þarf fyrir þætti sem eru „fyrir ofan brotið“. Í reynd miðar innbyggður CSS venjulega á þætti eins og byggingarþætti, alþjóðlegar leturfjölskyldur og -stærðir og siglingastíl.
Með því að setja inn þessa lykilþætti er hægt að hlaða stærri heildar CSS skránni síðar án þess að hafa áhrif á útlit síðunnar. Þó að það sé hægt að vinna úr mikilvægum stílum handvirkt, mælum við með því að nota tól eins og þetta til að búa til stílana sem upphafspunkt.
Eftir að hafa búið til mikilvæga CSS, afritaðu og límdu það inn í Autoptimize stillingar.
Næsta skref er að prófa framendaupplifun síðunnar þinnar. Ef þú tekur eftir einhverjum undarlegum glampum af óstíluðu efni (FOUC), þarftu líklega að bera kennsl á þá óstíluðu þætti og bæta samsvarandi stílum inn í Autoptimize fyrir innfellingu.
Autoptimize býður upp á „power-up“ sem býr sjálfkrafa til mikilvæga CSS fyrir WordPress síðurnar þínar. Af reynslu okkar getur þessi eiginleiki stundum hægt á síðunni þinni vegna þess að hann notar utanaðkomandi API símtöl til að búa til mikilvæga CSS. Þannig er fyrsta mikilvæga CSS kynslóðin háð svörun ytri netþjóns. Í flestum tilfellum er fyrrnefnd aðferð sem krefst ekki utanaðkomandi API símtöl hreinni lausn.
Innbyggt allt CSS
Fyrir flestar síður mælum við ekki með því að setja inn allt CSS þar sem það getur aukið síðustærð verulega. Ennfremur gerir innfelling allt CSS það ómögulegt fyrir vefvafrann að vista CSS.
Útiloka CSS frá Autoptimize
Sjálfgefið er að Autoptimize útilokar eftirfarandi möppur og CSS skrár frá söfnun. Ef þú vilt koma í veg fyrir að Autoptimize safni saman einhverjum af CSS skránum þínum geturðu bætt þeim við þennan lista. Svipað og JavaScript útilokun kemur sjálfgefna hegðun þessa eiginleika ekki í veg fyrir að CSS skrár séu minnkaðar - aðeins safnað saman.
- wp-efni/skyndiminni/
- wp-content/uploads/
- admin-bar.min.css
- dashcons.min.css
HTML valkostir
HTML hagræðing Autoptimize getur hjálpað til við að minnka stærð síðna með því að fjarlægja bil.
Fínstilltu HTML kóða
Við mælum með því að kveikja á „fínstilla HTML“ kóðaeiginleikanum vegna þess að það minnkar síðustærð með því að fjarlægja óþarfa hvíta bil í HTML. Þó að þessi eiginleiki sé samhæfður við flestar síður, getur það valdið bilunum á sumum vefsvæðum að fjarlægja bil. Þannig mælum við með því að prufa HTML kóða fínstillingu vandlega áður en hann er notaður í framleiðsluumhverfi.
Haltu HTML athugasemdum
Virkjaðu þennan eiginleika ef þú vilt halda HTML athugasemdum fyrir fínstilltu síðurnar þínar.
CDN valkostir
Ef þú ert að nota CDN eins og BehmasterCDN til að flýta fyrir kyrrstæðum eignum þarftu að bæta CDN vefslóðinni við Autoptimize. Ef þú ert að nota umboðsþjónustu með CDN getu eins og Cloudflare þarftu ekki að stilla neitt í CDN valkostum Autoptimize.
Skyndiminniupplýsingar
„skyndiminniupplýsingar“ Autoptimize sýna mikilvægar upplýsingar eins og staðsetningu og heimildir skyndiminnimöppunnar, svo og heildarstærð stíla og forskrifta í skyndiminni. Ef þú sérð „Nei“ við hliðina á „Getum við skrifað?“ þarftu að vinna með gestgjafanum þínum til að laga möppuheimildirnar.
Ýmis valkostur
Autoptimize hefur nokkrar ýmsar fínstillingarstillingar. Ef þú átt í vandræðum með að fá fínstilltar CSS og JS skrár til að hlaða inn á síðuna þína gætirðu þurft að endurstilla sumar stillingarnar hér að neðan.
Vistaðu samansafnaðar forskriftir/CSS sem fastar skrár
Við mælum með því að virkja þennan valkost til að vista samansafnaðar skrár sem fastar skrár á staðnum. Þú gætir þurft að slökkva á þessu ef þjónninn þinn er ekki stilltur til að sjá um þjöppun og rennur út.
Minnka útilokaðar CSS og JS skrár
Við mælum með því að virkja þennan valkost til að tryggja að allar CSS og JS skrár séu minnkaðar. Hins vegar, ef þú tekur eftir smámunumstengdum vandamálum með sumar af útilokuðu CSS og JS skránum þínum, geturðu haldið áfram og slökkt á þessum valkosti.
Fínstilltu einnig fyrir innskráða ritstjóra/stjórnendur
Við mælum með því að virkja þetta til að tryggja að eignir séu fínstilltar fyrir innskráða ritstjóra og stjórnendur. Þetta er mikilvægt ef þú ert að prófa Autoptimize stillingar sem innskráður notandi.
Þarftu hágæða, hraðvirka og örugga hýsingu fyrir nýju netverslunarvefsíðuna þína? Behmaster veitir ljómandi hraðvirka netþjóna og 24/7 heimsklassa stuðning frá WooCommerce sérfræðingum. Skoðaðu áætlanir okkar
Myndahagræðing í Autoptimize
Autoptimize er með innbyggðri samþættingu við ShortPixel til að fínstilla myndir. Auk myndgæðastillingar gerir samþætting Autoptimize þér einnig kleift að búa til og þjóna WEBP útgáfum af myndunum þínum.
fyrir Behmaster notendum, mælum við ekki með því að nota myndfínstillingareiginleikann í Autoptimize. Þess í stað mælum við með því að nota fullbúin viðbætur frá ShortPixel eða Imagify beint. Með fullri viðbótinni muntu hafa nákvæmari stjórn á fínstillingarstillingum, þar með talið endurskrifa myndir til að nota
Autoptimize inniheldur einnig letihleðsluvirkni fyrir myndir. Við mælum með því að virkja þennan eiginleika til að bæta síðuhraða fyrir myndþungar síður. Þegar letihleðsla er virkjuð gerir Autoptimize þér kleift að útiloka ákveðna myndaflokka og skráarnöfn frá því að vera letihleðsla.
Útilokunarstillingin er gagnleg fyrir myndir eins og lógó, samfélagstákn og aðra mikilvæga myndþætti sem ætti ekki að hlaða í leti. Ef þú ert að leita að lausn sem býður upp á meiri stjórn á letihleðslu, skoðaðu handbókina okkar um letihleðslu myndir og myndskeiða í WordPress.
Auka hagræðingar í Autoptimize
Google Skírnarfontur
Autoptimize hefur nokkra mismunandi valkosti til að fínstilla Google leturgerðir. Besti kosturinn fyrir þig fer eftir því hvernig vefsíðan þín notar Google leturgerðir.
- Skildu eftir eins og er.
- Fjarlægðu Google leturgerðir.
- Sameina og tengja í höfuðið.
- Sameina og forhlaða í haus.
- Sameina og hlaða leturgerðum ósamstillt með webfont.js.
Við mælum ekki með því að nota „farðu eins og er“ valmöguleikann vegna þess að hann býður ekki upp á hraðaávinning.
Ef Google leturgerðir eru ekki mikilvægar kröfur á síðuna þína, getur það haft mikil jákvæð áhrif á síðuhraðann þinn að fjarlægja þær og nota kerfisleturstafla í staðinn.
Ef þú vilt hafa Google leturgerðir á síðunni þinni, mælum við með að þú prófir síðustu þrjá valkostina til að komast að því hver hentar best fyrir síðuna þína.
Fjarlægðu emojis
Þessi Autoptimize valkostur fjarlægir CSS og JavaScript sem tengjast WordPress kjarna emojis. Við mælum með því að virkja þennan valmöguleika vegna þess að það getur hjálpað til við að minnka síðustærðina þína. Ennfremur eru flest almenn stýrikerfi með leturstöflum sem innihalda emojis. Auðvitað eru líka aðrar leiðir til að slökkva á emojis á WordPress síðunni þinni.
Fjarlægðu fyrirspurnastrengi úr Static Resources
Ef þú vilt fjarlægja fyrirspurnastrengi (td ?ver=) úr kyrrstæðum tilföngum geturðu virkjað þennan valkost. Fjarlæging fyrirspurnastrengja mun ekki hafa áhrif á hleðslutíma, en það gæti hjálpað til við að bæta stig síðunnar þinnar í GTmetrix, Google Pagespeed og annarri frammistöðuprófunarþjónustu.
Fortenging við lén þriðja aðila
Fortengingartilskipunin gerir vafranum þínum kleift að tengjast tilgreindum lénum til að vinna úr DNS uppflettingum og SSL handabandi samningaviðræðum áður en full HTTP beiðni er send.
Til dæmis, ef síða þín er með lógómynd sem er borin fram úr https://site.behmaster.cdn.com/logo.png, getur þú gefið Autoptimize fyrirmæli um að bæta við fortengingartilskipun til að sjá um upphaflegar DNS- og SSL-tengingar í frumefni áður en HTTP beiðni er gerð í frumefni HTML-sins þíns.
Þú getur notað þróunartól vafrans þíns eða eftirlitsmann til að finna mikilvæg ytri lén til að tengja við fyrirfram. Á dæmisíðunni hér að neðan eru utanaðkomandi beiðnir til eftirfarandi léna.
https://cdn.brianli.comhttps://www.google-analytics.comhttps://www.googletagmanager.com
Hægt er að bæta þessum þremur lénum við fortengingarlistann Autoptimize.
Af frammistöðuástæðum mælum við með að þú bætir ekki fleiri en sex lénum við fortengingarlistann Autoptimize því að tilgreina fortengingartilskipanir fyrir of mörg lén getur leitt til árangurs.
Forhlaða sérstakar beiðnir
Forhleðsluleiðbeiningar gefa vafrann þinn fyrirmæli um að hlaða niður eign eins fljótt og auðið er. Þessi tilskipun er gagnleg til að hlaða niður eignum sem þarf mjög snemma í síðuhleðsluferlinu. Í reynd er forhleðsla oft notuð til að flýta fyrir hleðslutíma sérsniðinna leturgerða með því að hlaða þeim áður en beðið er um það í CSS síðunnar.
Við mælum með því að hafa samráð við þróunaraðila um hvaða eignir, ef einhverjar, á að forhlaða á WordPress síðuna þína. Eins og með mörg önnur afkastatengd klip, getur það að forhlaða of mörgum eignum valdið því að vefsvæðið þitt hleðst hægar.
Ósamstilltur JavaScript skrár
„Async JavaScript skrár“ eiginleiki Autoptimize gerir þér kleift að tilgreina ákveðnar utanaðkomandi JavaScript skrár til að hlaðast ósamstilltur í gegnum async HTML fáni. Þó að hleðsla JS skrár ósamstilltur geti bætt síðuhraða, mælum við með því að gera fullnægjandi prófun til að ganga úr skugga um að engin virkni vefsvæðisins hafi áhrif.
Yfirlit
Ef þú veist hvernig á að fínstilla stillingar þess er Autoptimize viðbótin traustur valkostur fyrir WordPress notendur sem vilja auka afköst vefsvæðisins.
Með grunneiginleikum eins og HTML og CSS hagræðingu og fullkomnari, eins og CDN samþættingu og getu til að tilgreina fortengingar og forhleðslu tilskipanir, hefur Autoptimize allt sem þú þarft til að hámarka frammistöðu WordPress síðunnar þinnar.
Ef þú hefur áhuga á að læra meira um WordPress hagræðingu og hvernig á að fínstilla bakenda síðunnar þinnar, vertu viss um að skoða yfirgripsmikla WordPress frammistöðuhandbók okkar.
