Hin fullkomna sjálfvirkni stilla + Cloudflare / StackPath CDN (2020)

Sjálfvirkni er frábært tappi en fyrir skyndiminni er WP Rocket venjulega # 1 í skoðanakönnunum á Facebook.


Svo hvers vegna myndir þú nota það?

Vegna þess að sumum gestgjöfum líkar GoDaddy og WP vél svarta lista flesta skyndiminni viðbótina (þar sem þau eru með sitt innbyggða skyndiminniskerfi) en þau gera ekki hluti eins og að fínstilla HTML, CSS, JavaScript, Google leturgerðir eða CDN (net fyrir afhendingu efnis). Svo þó að skyndiminniskerfi gestgjafans gæti virkað vel til skyndiminningar hjálpar Sjálfvirkniþjónusta að gera „restina“ af hlutunum (laga hluti í GTmetrix + Pingdom). Forðastu Google PageSpeed ​​innsýn eins og það mælir ekki einu sinni hleðslutíma.

Jafnvel Autoptimize verktaki segir á viðbótar síðu sinni að það virki best þegar það er samsett með skyndiminni viðbót. Ég mæli með Swift ef þú ert að fara ókeypis leið, og WP eldflaug ef þú getur gert 49 $ á ári þar sem það er auðveldara að stilla (það er líka það sem ég nota og ég er með 100% stig í GTmetrix) þar sem það er með marga möguleika sem flestir skyndiminni viðbætur gera ekki (gagnagrunnshreinsun, hýsing Google Analyitcs kóða staðbundið, hjartsláttur stjórnun og samþættingu við bæði Cloudflare + önnur CDN). Ég er með námskeið fyrir WP Rocket, Snöggt, WP Hraðasta skyndiminni, W3TC og jafnvel WP Super Cache.

Svo skulum við stilla sjálfstillingarstillingarnar. Ég skal einnig sýna þér hvernig á að bæta við CDN (helst bæði Skýjakljúfur og StackPath) þar sem hver og einn hefur sitt eigið gagnaver og fleiri gagnaver = hraðari afhending efnis. Mælt er með CDN í Hagræðingarleiðbeiningar WordPress.

Fínstilltu viðbótina

1. JS, CSS, & HTML

Virkja allt þetta til að hámarka JavaScript, CSS og HTML skrár, sjáðu leiðbeiningar hér að neðan.

Sjálfvirkni JS CSS HTML stillingar

Fínstilltu JavaScript kóða

  • Samanlagðar JS-skrár: gera kleift, þetta sameinar JavaScript skrár eins og GTmetrix mælir með. Ef slökkt er á verður hlaðin einstökum skrám og þau ekki sameinuð.
  • Einnig samanlagður innbyggður JS: gera kleift, þetta sameinar JavaScript skrár sem eru staðsettar í HTML skrám. Sjálfvirk nýting gefur viðvörun sem þýðir í grundvallaratriðum að ef það brýtur eitthvað á síðunni þinni, útiloka annað hvort JavaScript skrárnar eða slökkva á þessu.
  • Þvinga JavaScript inn : slökkva, nema þú hafir JavaScript villur. Þú ert betri með að reyna að finna vandmeðfarnar skrár og útiloka þær en að velja þennan valkost þar sem þetta gerir það að verkum að JavaScript er lokað (ekki best fyrir hraða).
  • Útiloka forskriftir frá Sjálfvirkri stærð: Ef þú sérð villur eftir að ákveðnar JavaScript stillingar hafa verið gerðar virkar skaltu finna vandkvæða JavaScript og útiloka skrár hér.
  • Bættu við umbúðum með reynslusiglingum: slökkva, nema þú hafir JavaScript villur. Þetta er önnur leið til að laga JS villur án þess að þurfa að virkja JavaScript í höfði.

Fínstilltu CSS kóða

  • Samanlagðar CSS-skrár: gera kleift, sami hlutur og að safna saman JS-skrám aðeins fyrir CSS.
  • Einnig samanlögð CSS innanborðs: gera kleift, sami hlutur og að safna saman innbyggðum JS-skrám aðeins fyrir CSS. Gerðu bæði kleift að bæta álagstímann + GTmetrix stig.
  • Búðu til gögn: URI fyrir myndir: slökkva á því ef CDN er notað. MaxCDN (StackPath) varar þig við að ef þetta er gert mun neyðast til að myndir séu bornar fram frá uppruna þínum þjóni í stað CDN. Að virkja þetta gæti upphaflega leitt til færri HTTP beiðna, en líklega ekki eftir að þú hefur sett upp CDN og þjónað myndum í gegnum það.
  • Inline og fresta CSS: gera kleift, þú getur aðeins gert þennan möguleika virkan eða „inline all CSS“ sem Autoptimize mælir ekki með í algengum spurningum þeirra. Þeir segja að „þó að flokka alla CSS muni gera CSS ekki mögulegt að hindra, mun það leiða til þess að grunn HTML-blaðsíðan þín verður verulega stærri og krefst meira af„ hringferð “.
  • Inline alla CSS: slökkva á, Autoptimize mælir ekki með að virkja þetta.
  • Útiloka CSS frá Autoptimize: Ef þú sérð villur eftir að ákveðnar CSS stillingar hafa verið gerðar virkar, finndu þá vandkvæða CSS skrár og útilokaðu þær hér. Athugið: Óvirkja þarf valkostinn „minnka útilokaða CSS og JS“ í valkostunum Ýmislegt.

2. CDN Valkostir

Þetta er þar sem þinn CDN URL fer (leiðbeiningar hér að neðan). Cloudflare veitir þér ekki CDN URL (þú munt breyta nafnaþjónum í staðinn). CDN Base URL er sérstaklega fyrir StackPath, KeyCDN og önnur CDN – ekki Cloudflare. Ég legg til að nota bæði StackPath + Cloudflare þar sem CDN-skjölin þín munu hafa fleiri gagnaver og fleiri gagnaver = hraðari vefsíðu.

1. skref: Skráðu þig á CDN. Ég nota StackPath sem hefur 34+ gagnaver sem eru mjög staðsett í Bandaríkjunum og er þar sem flestir gestir mínir eru. Það eru $ 10 á mánuði með ókeypis 30 daga prufuáskrift.

StackPath-gagnamiðstöðvar

2. skref: Smelltu á CDN flipann í StackPath mælaborðinu og búðu til StackPath CDN síðu.

StackPath-CDN-Tab

StackPath-CDN-lén

StackPath-Server-IP-netfang

* Afritaðu IP-tölu netþjónsins eins og þörf er á í þrepi 5 í þessum kafla.

StackPath-CDN-URL-sjálfvirkni

3. skref: Límdu CDN slóðina þína á Sjálfvirkan hátt með http: // eða https: // (hvort sem þú notar).

Fínstilltu sjálfkrafa vefslóð CDN

4. skref: Farðu í CDN → skyndiminnisstillingar í StackPath og smelltu síðan á „Hreinsið allt.“

StackPath-Purge-Cache

5. skref: Hvítu yfir netpóstfang netþjónsins þíns í StackPath (WAF → Firewall).

StackPath-whitelist-IP

6. skref: Keyraðu síðuna þína í GTmetrix og „innihald afhendingarnet“ ætti að vera grænt í YSlow.

CDN GTmetrix YSlow

3. Ýmsar stillingar

Hér eru Ýmis stillingar:

Fínstilltu ýmis stillingar

Vistaðu samanlagða handrit / css sem truflanir – ef þetta er virkt þýðir þetta að CSS og JS skrár eru vistaðar í skyndiminni og þjónað í gegnum netþjóninn þinn, þannig að ef hýsingin þín höndlar ekki þessar skaltu virkja það.

Fáðu útilokaðar CSS og JS skrár – ef þú útilokar ákveðnar CSS og JavaScript skrár, þá er það vegna þess að það er vandamál þegar reynt er að fínstilla þær, og þú vilt ekki að þær séu minnkaðar.

Fínstilltu einnig fyrir innskráða ritstjóra / stjórnendur – slökkva, þú vilt venjulega slökkva á frammistöðuaðgerðum í WordPress stjórnanda, þ.mt Cloudflare flutningsaðgerðir.

4. Stillingar mynda

Sjálfvirk nýting getur einnig hjálpað til við að hlaða myndir hraðar.

Fínstilltu myndir sjálfkrafa

Fínstilltu myndir – Vefslóðum á vefsíðunni þinni verður breytt til að benda á CDN ShortPixel. Þetta ætti ekki að hafa áhrif á það hvernig þau líta út svo framarlega sem það er taplaus þjöppun, heldur hleðst það hraðar.

Gæði myndaupptöku – finndu þitt eigið einstaka jafnvægi milli þjöppunar og gæða (ég nota Glossy). Hér eru mismunur á hverju þjöppunarstigi frá ShortPixel:

ShortPixel Image Compression Levels

  • Taplaus: mest þjöppun, mest gæðatap.
  • Glansandi: miðlungs samþjöppun, lítið gæðatap.
  • Taplaus: lítil þjöppun, lægsta gæðatap.

Hlaðið WebP í studdum vöfrum – virkt ef þú notar WebP myndir og latar hleðslumyndir.

Latur-hlaða myndir – Ég persónulega ekki latur að hlaða myndirnar mínar því stöðugt að hlaða myndir þegar þú flettir niður á síðuna getur verið pirrandi fyrir notendur. Já, það skilar sér í færri beiðnum og er það mælt með af Google fyrir hraðari hleðslutíma en mér finnst það pirrandi. Þetta er algerlega undir þér komið.

5. Gagnrýni CSS

Hér er átt við Sjálfvirkni stækka viðbótartengingu criticalcss.com.

Það þarf iðgjald greitt áætlun frá criticalcss.com (7 $ / mánuði).

Viðbætið býr til mikilvægar CSS-reglur til að tryggja að síður séu gefnar upp áður en CSS er hlaðið í heild, sem bætir „byrjun á því að láta tíma af hendi“. Allt sem þú þarft að gera er að setja upp viðbótina, skrá þig fyrir áætlun, slá Critical CSS API lykilinn þinn inn í hlutann „Critical CSS“ í Autoptimize og viðbótin gerir það sem eftir er. Athugaðu viðbótina Algengar spurningar til að fá upplýsingar um sérsniðnar stillingar.

Ég persónulega nota það ekki og vil frekar nota auka $ 7 / mánuði á öflugri netþjóni.

Sjálfvirkni stækka criticalcss com

Sjálfvirkni stilla gagnrýnnar CSS stillingar

6. Auka stillingar

Sjálfvirkni-auka stillingar

Google leturgerðir – gera kleift ef nota Google leturgerðir sem hægir á hleðslutímum þegar þeir eru dregnir úr utanaðkomandi aðföngum (Google Font bókasafninu). Ég vil frekar valkostinn „sameina og tengja í haus“ þar sem þetta bætir hleðslutíma án þess að skyggni sjái letur hlaða (sem er það sem gerist venjulega þegar verið er að hlaða ósamstilltur. Prófaðu einnig síðasta Google Font valkostinn „sameina og hlaða letur ósamstilltur með webfont.js“Og sjáðu hver skilar betri árangri í GTmetrix.

Fjarlægðu Emojis – gera kleift (emojis eru slæmir fyrir hleðslutíma).

Fjarlægðu fyrirspurnastrengi úr stöðugum auðlindum – fyrirspurnastrengir eru venjulega búnir til með viðbótum og ekki er hægt að laga (í GTmetrix / Pingdom) einfaldlega að gera þetta kleift, en þú getur prófað það. Betri lausnin er að athuga á vefnum þínum fyrir hár CPU tappi og skipta þeim út fyrir léttar viðbætur. Flestir háþróaðir CPU-viðbætur innihalda félagslega samnýtingu, myndasafn, síðuuppbyggingu, tengda færslu, tölfræði og lifandi spjallforrit. Þú ættir einnig að eyða öllum óþarfa viðbótum og hreinsa gagnagrunninn (með því að nota viðbót eins og WP-hagræðing) til að hreinsa töflur sem eru eftir af óuppsettu viðbótum.

Forgangstengd við lén þriðja aðila – hjálpar vöfrum að sjá fyrirspurnir frá ytri auðlindum (Google leturgerðir, greiningar, kort, merkistjórnun, Amazon verslun osfrv.). Þetta mun venjulega birtast sem „draga úr leit í DNS“ í GTmetrix skýrslunni, en hér að neðan eru algeng dæmi.

  • https://fonts.googleapis.com
  • https://fonts.gstatic.com
  • https://www.google-analytics.com
  • https://ajax.googleapis.com
  • https://connect.facebook.net
  • https://www.googletagmanager.com
  • https://maps.google.com

Forhleðsla sérstakar beiðnir – þú getur fundið meira um forhleðslu og Ábendingar vafra frá WP Rocket, en þetta gerir það í grundvallaratriðum að svo ákveðnum skrám er hlaðið niður sem forgangsverkefni.

Async Javascript-skrár – þetta þýðir að eitthvað er að koma í veg fyrir að innihald hér að ofan geti hlaðist hratt. Þessi kennsla á láta JavaScripts hindra skýrir það vel, en ef þú sérð JavaScript villur í GTmetrix og Pingdom, þá Async JavaScipt viðbót gæti gert það.

Fínstilltu YouTube myndbönd – ef vefsvæðið þitt er með myndbönd, WP YouTube Lyte latur hleður þeim svo þeir hlaða aðeins þegar notendur skruna niður og smella á spilunarhnappinn og útrýma þannig fyrstu beiðnum til netþjóna YouTube. Þetta getur rakað margar sekúndur af hleðslutímum á efni með myndböndum, þar sem þeir eru einn þyngsti þátturinn á síðunni. WP eldflaugar og Swift Performance hafa þessa innbyggðu stillingu, svo þú þarft ekki ef þú notar einn af þeim sem skyndiminni viðbótina.

7. Fínstilltu meira

Ef þú vilt fínstilla síðuna þína enn frekar, eru þau tæki sem mælt er með:

WP eldflaug – metið tappa nr. 1 skyndiminni í mörgum skoðanakönnunum á Facebook og hefur marga möguleika sem ekki fylgja Autoptimize (hreinsun gagnagrunns, hjartsláttarstjórnun, hýsing Google Analytics á staðnum, í staðinn fyrir YouTube iframe fyrir forsýningarmynd, bæta vafra skyndiminni við Facebook Pixel osfrv.). WP Rocket sér einnig um næstum allt sem Autoptimize gerir, svo þú þarft aðeins 1 tappi fyrir allar þessar hraðafínstillingar. Þess vegna er þetta svo frábært. Þú getur líka fengið 10% afslátt hér.

ShortPixel – vinsæll viðbót fyrir myndavæðingu og sá sem ég nota.

StackPath – CDN með 30+ gagnaver. Mjög auðvelt að setja upp; skráðu þig bara fyrir áætlun ($ 10 / mánuði) og afritaðu / límdu síðan CDN slóðina þína í valkostinn AutNotize CDN URL.

SiteGround – metin venjulega # 1 gestgjafi í skoðanakönnunum á Facebook og einnig notað af Yoast.

Yoast-on-Twitter-We-just-switch-to-Siteground

Hýsing skoðanakönnunar 2019

2017-WordPress-Hosting-FB-Poll

Tilmæli Elementor hýsingar

Júlí 2019 Tilmæli um hýsingu

WordPress-Host-Poll-Aug-2018

Shared-Hosting-Poll-2017

2019-Hýsing-könnun

Fara til hýsingaraðila

WordPress-Hosting-Poll-2017

Stýrður-hýsing-könnun

WooCommerce-Hosting-FB-Poll

2016-Vefþjónusta-skoðanakönnun

Best-WordPress-Hosting-Provider-Kannanir

Best-Vefþjónusta-2019-skoðanakönnun

Vísindakönnun fyrir vinalegt WP

2016-WordPress-Hosting-FB-Poll

Uppáhalds hýsing fyrir Elementor

Tilmæli um hýsingu 2018

Stýrður-WordPress-Hosting-Poll-2017

2019-vélar-könnun-1

Hýsing-könnun fyrir hraða

WordPress-Hosting-Poll-June-1

SiteGround-meðmæli

2014-stýrður-WordPress-hýsing-FB-könnun

Besta vefþjónusta fyrir hýsingaraðila

Hýsing-könnun-feb-2019

Hýsing-tilmæli-skoðanakönnun

Bluehost vs SiteGround

Kannanir á vefþjóninum fyrir WordPress

Fólk flytur yfirleitt vegna þess að þeirra hraðatækni er miklu hraðar en EIG eða GoDaddy:

Skipt yfir í SiteGround

SiteGround flutningstími

Bluehost til SiteGround GTmetrix

HostGator á vefsvæðið

SiteGround Google PageSpeed ​​Insights

100 fullkomið stig á vefsvæðinu

Tilurð vefsvæða

Hraði afhentur með SiteGround

Minni hleðslutími með SiteGround

Nýr viðbragðstími SiteGround

HostGator í vefflutninga

Svörunartími SiteGround á Joomla

Skipt yfir í SiteGround hýsingu

SiteGround eldflaugar Ímyndaðu þér greiða

SiteGround PageSpeed ​​Insights

SiteGround On Joomla

Minnkuð hleðslutími vefsvæða

Speedy Hosting SiteGround

Nýr viðbragðstími SiteGround

Svörunartími SiteGround

SiteGround gerir það líka ókeypis fólksflutninga með GrowBig+.

Cloudways – hraðar en SiteGround (það er skýhýsing, ekki deilt) og var einnig metið hátt í skoðanakönnunum á Facebook. Byrjar á $ 10 / mánuði með þeirra DigitalOcean áætlun. Þeir bjóða upp á 1 ókeypis flutning (sem ég tók þær upp á) og hér er það sem gerðist með viðbragðstíma netþjónsins:

SiteGround-vs-Cloudways-Cloud-Hosting

Tilmæli um hýsingu Facebook

VPS Cloud Hosting WooCommerce skoðanakönnun

Skoðanakönnun VPS Cloud Hosting

Tillögur að hýsa WordPress

Svartími Cloudways

WP vél til Cloudways

Ónefndur

Hleðslutími Cloudways Pingdom

Cloudways-Facebook-endurskoðun

Þú getur fengið 25% afslátt af fyrstu 2 mánuðum þínum á Cloudways með kynningarkóða OMM25.

Kinsta – $ 30 / mánuði hýsingar í hámarki og þó að ég hafi ekki prófað þá hef ég heyrt ekkert nema frábæra hluti um hraða Kinsta, stuðning, spennutíma og næstum allt um hýsingu þeirra.

Perfmatters – viðbætur frá Kinsta sem sér um það sem mér finnst gaman að kalla „ýmsar hagræðingar“ eins og að slökkva á viðbætur valmöguleika, takmarka endurskoðun, slökkva á sjálfvirkum vistum, hýsa Google Analytics á staðnum og margt fleira. Það sér um loka 10% hraðans.

Sumt af þessu er mælt með af Autoptimize, aðrir eru ekki:

Sjálfsáætlun Bæta við ons

8. Cloudflare

Sjálfvirknistilling hefur ekki stillingar til að bæta við Cloudflare ‘CDN, en þetta er auðvelt að setja upp. Og þú ættir örugglega af því að þetta bætir við 200 miðstöðvar í viðbót yfir á innihaldsþjónustunet þitt (CDN).

Cloudflare gagnamiðstöðvar

1. skref. Skráðu þig á Cloudflare og þú verður beðinn um að bæta við vefsvæðinu þínu og hefja skönnun.

cloudflare-begin-scan

2. skref. Þegar skönnuninni er lokið skaltu velja ókeypis áætlun, þá mun Cloudflare fara með þig í gegnum safnsíðu. Þú verður að lokum færður á síðu þar sem Cloudflare úthlutar þér 2 nafnaþjónar.

Cloudflare-Name-Servers-Mælaborð

3. skref. Skráðu þig inn á lénsritarann ​​þinn (td. Namecheap) og leitaðu að „Google hvernig á að breyta nafnaþjónum á Namecheap“ (leitaðu aðeins að lénsskránni þínum), fylgdu síðan leiðbeiningunum. Þú verður að afrita 2 nafnaþjóna sem Cloudflare veitir og líma þá í sérsniðinn nafnaþjófavalkost í lénsritara þínum. Leyfa 72 klukkustundir fyrir fjölgun.

Godaddy Cloudflare nafnaþjónar

Það er það!

Hvað er næst?

Horfðu á myndbandið mitt – það er 42 mínútna myndband, en ég þekki nokkurn veginn allt (tímamerki í myndbandslýsingu) og þú ættir að læra mikið af frábærum upplýsingum um WordPress vefhraða:

Viltu vita hvernig ég fékk 100% stig í GTmetrix?
Sjáðu fulla WordPress hraðastillingarleiðbeiningar mína sem hefur yfir 38 ráð til að laga GTmetrix / Pingdom hluti þar á meðal að uppfæra í PHP 7, þjóna stærðarstærð myndum, tilgreina stærð víddar, gagnagrunnshreinsun, hýsa Google Analytics á staðnum, WP Disable og fleiri.

Algengar spurningar

&# x1f680; Þarf ég aðrar hraðatengi auk Autoptimize?

Já, venjulega vilt þú líka nota viðbót við skyndiminni, hagræðingu í myndun, hreinsun gagnagrunns, hjartsláttarstjórnun og vali á að slökkva á viðbætur. Ég mæli með WP Rocket, ShortPixel og Perfmatters fyrir þá.

&# x1f680; Hvernig seturðu upp CDN með Autoptimize?

Veldu CDN (ég nota StackPath), afritaðu CDN slóðina þína og límdu hana í CDN UR reitinn Autoptimize.

&# x1f680; Hvernig fínstillirðu Google leturgerðir með Sjálfvirkni?

Ég mæli með því að nota valkostinn Sameina og tengja í haus, og að tengja leturgerðirnar fyrirfram með Autoptimize.

&# x1f680; Sér Sjálfvirkni um skyndiminni?

Nei, þú þarft að nota sérstakt viðbót við skyndiminni. Ég mæli með WP Rocket eða SG Optimizer ef þú notar SiteGround.

&# x1f680; Hvernig stillirðu sjálfvirkar stillingar?

Allt er skráð í þessari kennslu – fylgstu bara með GTmetrix skýrslunni þinni og hvaða sérstöku atriði þarf að laga. Ef að stilla stillingarnar í Autoptimize lagar það ekki skaltu íhuga að nota annan tappi til að laga hluti.

Spurningar? Sendu mér línu!
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map