Wordpress

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.

Í þ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.

  1. Ókeypis útgáfan af Autoptimize er með fullkomið eiginleikasett til að fínstilla WordPress síðuna þína.
  2. 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.
  3. 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

JavaScript hagræðingu í Autoptimize.
JavaScript hagræðingu í Autoptimize.

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.

Sjálfstýring: ókeypis WordPress fínstillingarviðbót sem þú vissir ekki að þú þyrftir...en það mun gera síðuna þína leifturhröð ⚡️Þessi handbók útskýrir nákvæmlega hvers vegna þú þarft hana 🚀Smelltu til að kvak

CSS valkostir

Fínstilltu CSS hagræðingu.
Fínstilltu CSS hagræðingu.

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.

Búðu til mikilvæga CSS.
Búðu til mikilvæga CSS.

Eftir að hafa búið til mikilvæga CSS, afritaðu og límdu það inn í Autoptimize stillingar.

Settu inn og fresta CSS í Autoptimize.
Settu inn og fresta CSS í Autoptimize.

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.

HTML hagræðing í Autoptimize.
HTML hagræðing í Autoptimize.

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.

Stilltu CDN stillingar í Autoptimize.
Stilltu CDN stillingar í 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.

Sjálfvirkja skyndiminni upplýsingar.
Sjálfvirkja skyndiminni upplýsingar.

Ý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.

Ýmsar hagræðingar í Autoptimize.
Ýmsar hagræðingar í Autoptimize.

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 tag, sem er nauðsynlegt fyrir WEBP stuðning á Behmaster.

Lat-load myndir með Autoptimize.
Lat-load myndir með Autoptimize.

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

Auka hagræðingu í Autoptimize.
Auka hagræðingu í 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.com
  • https://www.google-analytics.com
  • https://www.googletagmanager.com

Hægt er að bæta þessum þremur lénum við fortengingarlistann Autoptimize.

Finndu ytri eignir með þróunarverkfærum.
Finndu ytri eignir með þróunarverkfærum.

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.

Ef þú ert ekki nú þegar að nota Autoptimize, þá viltu bæta þessari WordPress hagræðingarviðbót við síðuna þína ASAP eftir að hafa lesið þessa handbók 🚀Smelltu til að kvak

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.

tengdar greinar

0 Comments
Inline endurgjöf
Skoða allar athugasemdir
Til baka efst á hnappinn