Kuinka korjata hidas Elementor -verkkosivusto: 16 optimointia, joka auttoi minua saamaan 100% sivunopeuden asteet ja välittömät latausajat sivustolleni

Elementor sanoo, että he ovat WordPressin nopein sivujen rakentaja.


Joten mikä aiheuttaa hitaasti ladattavan verkkosivustosi?

On yleensä muutamia yksinkertaisia ​​säädöksiä, jotka voivat parantaa huomattavasti latausaikoja ja GTmetrix-pisteitä. Elementor sanoo Yleisimmät syyt hitaaseen WordPress-sivustoon ovat palvelimet, media, ulkoiset skriptit (esim. Google Fonts), laajennukset, ei CDN: tä ja keskinkertaisen välimuistin laajennuksen käyttö. Ne eivät kuitenkaan mene kovinkaan yksityiskohtaisiksi vaiheittaisten ohjeiden luetteloimiseksi.

Siksi kirjoitin tämän opetusohjelman.

Opit kuinka korjaamaan hidasta Elementor -sivustoasi seuraamalla WordPress-optimointioppaan ja Elementorin suosituksia. Annan kuvakaappauksia, yksityiskohtaisia ​​ohjeita ja vastaan ​​kaikkiin kommentteihin, jos tarvitset edelleen apua. Onnistuin saamaan 100% GTmetrix-pisteet kotisivulleni. Jopa viestejä, joissa on yli 100 kuvaa ja yli 400 kommenttia (5 Mt sivukoko ja 170 pyyntöä), ladataan edelleen noin <2s. Joo, olen WordPressin nopeus nörtti :)

Elementorin nopeuden optimointi

1. Päivitä PHP 7.4: ksi

Monet hosting-yritykset ovat jo julkaissut PHP 7.4.

PHP-versioiden päivittäminen on yksi helpoimmista tavoista nopeuttaa Elementor-sivustoasi. Kinsta n PHP-vertailuarvot näyttää kuinka korkeammat PHP-versiot voivat ajaa 2-3x nopeammin. Elementor myös suosittelee korkeammat PHP-versiot ja lisätäksesi muistin rajaa 256 Mt (katso seuraava vaihe).

Tarkista ensin nykyinen PHP-versio Elementorin kohdasta > Järjestelmän tiedot.

Elementor PHP -versio

Seuraavaksi kirjaudu sisään isäntätiliisi, etsi PHP-versionhallinta (tai vastaava) ja valitse korkeampi PHP-versio. On myös hyvä idea ottaa varmuuskopio etukäteen. Muuten niin!

Kinsta PHP 7.4

Tärkeä: Varmista, että laajennuksesi ovat yhteensopivia korkeampien PHP-versioiden kanssa. Käytin WP Rich Snippets -tuotteita (joita ei enää ylläpidetä), mutta ne eivät olleet yhteensopivia PHP 7.2+: n kanssa, joten poistin laajennuksen ja löysin korvaavan. Ei kannata pitää ylläpitämättömiä laajennuksia.

2. Lisää muistin raja 256 Mt: iin

Tarkista uudelleen muistiraja Elementorin kohdasta > Järjestelmän tiedot.

Sekä Elementor, WordPress ja WooCommerce suosittele 256 Mt muistia.

Elementorin muistiraja

Voit yleensä muuttaa muistitilaa hosting-tililläsi:

Muistin raja

Muussa tapauksessa lisää tämä koodi functions.php.

määritä (‘WP_MEMORY_LIMIT’, ‘256M’);

3. Käytä itse ylläpitämiä fontteja

Jos Google Fonts räjäyttää GTmetrix-raporttisi, yritä isännöidä fontteja paikallisesti.

Jos sinulla on Elementor Pro, haluat käyttää mukautettuja fontteja (löytyvät asetuksista).

Tässä on a YouTube-opetusohjelma.

Elementorin mukautetut kirjasimet

Ei ole Elementor Prota?

Monet liitännäiset voivat auttaa optimoimaan Google-fontteja: WP Rocket, Automaattinen optimointi, Itsensä ylläpitämät Google-fontit, OMGF ja Omaisuuden puhdistus. Jos sinä älä Haluat käyttää laajennusta, noudata näitä ohjeita.

Vaihe 1: Vahvista, että fontit hidastavat Elementor-sivustoasi GTmetrixissä.

Google Fonts GTmetrix

Vaihe 2: Lataa fontit suoraan Google Fonts -sivustolta. Lataa vain tarvittavat fontit ja fonttipainot (enemmän fontteja ja painoja voi tarkoittaa myös enemmän pyyntöjä).

Vaihe 3: Käytä työkalua kuten Transfonter muuntaa ne web-fonttitiedostoiksi.

Transfonter Googlen Font- Conversion

Vaihe 4: Lataa uudet web-fonttitiedostot WordPressiin ja lisää ne CSS-tiedostoosi.

Vaihe 5: Testaa fontit, lisää oletusvika ja saa aina fonttien varmuudet.

4. Optimoi kolmansien osapuolien pyynnöt

Aivan kuten Google Fonts on kolmannen osapuolen pyyntö, niin myös AdSense, Analytics, Maps, Tag Manager, upotetut videot ja jopa Gravatars tai sosiaalisen jakamisen laajennukset voivat aiheuttaa kolmansien osapuolien pyyntöjä.

Sinun on myös optimoitava nämäkin.

Ulkoiset skriptit

Joitakin kolmansien osapuolien pyyntöjä on helppo optimoida:

WP Rocketilla on Lisäosat-välilehti, josta voi olla apua isännöi analytiikkaa paikallisesti ja lisää selaimen välimuisti Facebook Pixeliin. WP Rocketin media-asetusten avulla voit laiskoilla ladata videoita korvaamalla iframe-kehyksen esikatselukuvalla. Jos upotat viestejä sosiaalisesta mediasta, kokeile kuvakaappausta ja käytä kuvaa sen sijaan. Disqus -edellytysten lataus, JavaScriptin jäsentämisen välimuistin laajennusasetuksissa ja komentosarjojen / laajennusten valinnainen poistaminen käytöstä Asset Clean Up -ohjelmassa voi auttaa komentosarjojen optimoinnissa.

WP Rocket Local Analytics

Muiden kolmansien osapuolien pyyntöjä ei ole niin helppo optimoida:

Google AdSense voi olla GTmetrix-tappaja. Paitsi että lataat sen asynkronisesti, voit tehdä vain vähän. En ole myöskään löytänyt ratkaisua Gravatarsin lataamisen nopeuttamiseen ja olen kokeillut kaikkia Gravatarin välimuistin laajennuksia (joten olen poistanut ne käytöstä). Google Tag Manageria tulisi yleensä käyttää vain suuriin, optimoimattomiin Elementor-sivustoihin, muuten se yleensä aiheuttaa enemmän haittaa kuin hyötyä.

5. Vältä korkeita CPU-laajennuksia

Jotkut liitännäiset sinun tulisi vain pysyä poissa.

Korkeat CPU-laajennukset, jotka hidastavat Elementor-sivustoja, liittyvät yleensä tilastoihin, varmuuskopioihin, sosiaaliseen jakamiseen, salkkuihin, live-keskusteluun, yhteyslomakkeisiin, liukusäätimiin, JetPackiin ja kaikkiin laajennuksiin, joita jatkuvasti vaaditaan toimimaan verkkosivustollasi (ajattele Broken Link) Tarkistimen käynnissä olevat skannaukset).

  1. Lisää tämä
  2. AdSense-napsautuspetosten seuranta
  3. Monitoimitapahtumakalenteri
  4. Varakaveri
  5. Beaver Builder
  6. Parempi WordPress Google XML -sivustokartat
  7. Broken Link -tarkistaja (käytä Dr. Link Check)
  8. Pysyvä yhteyshenkilö WordPressiin
  9. Yhteydenottolomake 7
  10. Asiayhteyteen liittyvät viestit
  11. Digi Auto Linkit
  12. Disqus kommenttijärjestelmä
  13. Divi Builder
  14. Välttämätön ruudukko
  15. Näytä koko luettelo 65 hitaasta laajennuksesta

Jos sinulla on hidas plugin, voit joko poistaa sen ja löytää korvaavan, poistaaksesi laajennuksen valikoivasti tietyiltä sivuilta (seuraava vaihe) tai jatkaa sen käyttöä ja käyttää hidasta Elementor-sivustoa..

6. Poista selektiivisesti käyttämättömät laajennukset

Asset CleanUp ja Perfmatters ovat hienoja poistamalla laajennukset valikoivasti käytöstä, skriptit ja tyylit.

Yleisin esimerkki on vain yhteystietolomakkeen laajennuksen lataaminen yhteystietosivulle ja sen poistaminen käytöstä muualla. Mutta oletko miettinyt sosiaalisen jakamisen laajennuksen poistamista käytöstä sivuillasi (koska suurin osa ihmisistä käyttää sitä vain viesteissä)? Tai poistatko liukusäätimen käytöstä sivuilla, joilla ei ole liukusäätimiä? Valinnaisella käytöstä poistamisella voit tehdä vähemmän HTTP-pyyntöjä sivuilla.

Vaihe 1: Asenna Asset CleanUp tai Perfmatters.

Omaisuuden CleanUp-laajennus

Vaihe 2: Muokkaa sivua tai viestiä ja vieritä alas nähdäksesi kaiken sivulle ladattavan.

Vaihe 3: Poista käytöstä (poista) laajennukset, skriptit ja tyylit, joita ei käytetä sivulla. Voit myös poistaa sen käytöstä postityypin mukaan, tai Asset CleanUp Premium (samoin kuin Perfmatters) antaa sinun käyttää RegExiä.

Omaisuuden puhdistus Tarkista kaikki

7. Poista WooCommerce-skriptit, tyylit ja ostoskorit käytöstä

Aivan kuten olet poistanut laajennukset valikoivasti edellisessä vaiheessa, voit käyttää Perfmatters- ja Asset CleanUp -sovelluksia samaan tapaan WooCommerce-komentosarjojen, tyylien ja ostoskorien kanssa.

Omaisuuden puhdistus WooCommerce

Perfmatters todella antaa sinun tehdä tämän 1-klikkaus:

hajotuslaitteiden verkkokaupan optimointi

8. Vaihda Editor Loader -menetelmä Elementorissa

Elementor sanoo:

“Jos sinulla on isännöinti- tai palvelinvaikeuksia Elementorin käyttämisessä, olemme sisällyttäneet siihen yksinkertaisen kytkimen, joka saattaa ratkaista ongelmasi.”

Löydät tämän Elementorista > asetukset > Pitkälle kehittynyt > Editor Loader.

Elementor Switch Editor Loader -menetelmä

9. Kuvien koon muuttaminen oikeiden mittojen mukaan

Elementoria käytettäessä on tärkeää skaalata (muuttaa kokoa) kuvia oikeiden mittojen mukaisiksi.

Tarjoa skaalattuja kuvia

Muutoin näet palvelevat skaalatuissa kuvissa olevat virheet GTmetrixissä. Jos näet, tartu GTmetrixin suosittelemiin mittoihin ja muuta kuvan kokoa näihin mittoihin ja vaihda sitten kuva. Suosittelen luomaan ”image dimension cheat sheet”, joka luettelee verkkosivustosi kaikkien alueiden mitat (liukusäätimet, esitellyt kuvat, täysleveä blogin kuvat, logo). Tällä tavalla voit muuttaa kuvan kokoa oikeiksi mitoiksi ennen niiden lähettämistä.

10. Ditch Shared Hosting ja päivitä pilveen

Pidä palvelimen vastausaika hitaana?

Suorita sivustosi Google PageSpeed ​​Insights -sivuston kautta ja varmista, että se on <200 ms, kuten Google suosittelee. Palvelimesi (hosting) on # 1 tekijä WordPress-optimointioppaassa.

Suosittelen yleensä SiteGround-palvelua (jaettu hosting), mikä on hienoa, jos liikennettä ja laajennuksia on vähän. Mutta kun olet mennyt pilvimajoitukseen (esim. Cloudways DigitalOcean), ero on yö ja päivä. Muutin SiteGround-palvelusta Cloudwaysiin ja latausaikani leikattiin puoleen. Jopa yli 100 kuvaa ja yli 400 kommenttia sisältävät viestit (5 Mt sivukoko, 170 pyyntöä) ladataan edelleen alle 2 sekunnissa.

Elementorin isännöinti

SiteGround-vs-Cloudways-Cloud-Hosting

GTmetrix-raportti-for-pitkä-post

Muiden kokemus Cloudwaysista:

Cloudwaysin vastausajat

WP-moottori pilvitietä

DigitalOcean Pingdom -raportti

Cloudways-palvelimen vastausajat

Cloudwaysin latausajan parantaminen

Pilvisyys vs. WP-moottori

nimetön

Cloudways Pingdom -latausajat

Cloudways Pingdom -raportti

Nimihuono Cloudways-muuttoon

Cloudways WooCommerce -siirto

Cloudways AWS -siirto

He olivat myös ykkönen monissa Facebook-kyselyissä ja heillä on upea TrustPilot arvostelut:

Isäntäsuositukset Facebook

VPS Cloud -tallennus WooCommerce Poll

VPS Cloud Hosting -kysely

WordPress-hosting-ehdotukset

Cloudways-Facebook-arvio

Cloudways Facebook-arvostelu

Cloudways vs. SiteGround

Alarivi: jaettu isäntä on hienoa, jos et käytä WooCommcercea, AdSenseä, korkean prosessorin lisäosia tai sinulla ei ole kunnollista liikennettä. Mutta kun sinulla on jokin näistä, tutkia pilvipalvelua. Kyllä, olen tytäryhtiö Cloudways), mutta on paljon muita ihmisiä, jotka muuttivat ja julkaisivat tuloksensa. Koodi OMM25 antaa sinulle 25% alennuksen Cloudways-palvelun kahden ensimmäisen kuukauden ajalta.

11. Ditch Free Cache -laajennukset ja käytä WP-rakettia

Miksi WP Rocket on yleensä suosituin Facebook-kyselyissä?

Koska siinä on enemmän nopeusominaisuuksia kuin useimmissa muissa välimuistin laajennuksissa (tietokannan puhdistus, paikallinen analysointi, Google Fonts -yhdistelmän yhdistäminen, laiskojen kuvien + videoiden lataaminen, CDN + Cloudflare-integraatio, sykeohjaus, WebP-välimuisti, esisyöttäminen, Facebook Pixel -selaimen välimuisti).

Siksi WP Rocket tuottaa paremmat tulokset + latausajat GTmetrixissä ja tarkoittaa vähemmän laajennuksia Elementor-sivustossasi. Sitä päivitetään aina uusilla ominaisuuksilla, ja sitä ylläpitää luotettava joukkue.

Joten jos käytät edelleen WP-nopeinta välimuistia tai W3 Total -välimuistia, sinun pitäisi antaa sille pyörre.

Vuoden 2016 parhaan välimuistin laajennuskysely

Vuoden 2019 välimuistin laajennuskysely

Swift vs WP -raketti

Vuoden 2016 välimuistin laajennuskysely

Parhaat välimuistin laajennukset 2018 -kysely

wp raketti vs w3 totla-välimuisti

Näet eron:

WP-raketti ennen sen jälkeen

12. Puhdista tietokanta

Ajoitatko käynnissä olevia tietokantojen puhdistuksia?

Jatkaessasi Elementor-sivustosi rakentamista, keräät jäljennöksiä, vanhoja tietokantataulukoita plugineista / teemoista, joita et enää käytä, roskakoriin kommentit ja muut roskapostitiedostot.

Voit käyttää laajennuksia, kuten WP Rocket ja WP-Optimize puhdista WordPress-tietokanta. Varmista vain, että tarkistat kaiken, mikä poistetaan, ja ota varmuuskopio etukäteen.

WP-Optimoi puhdas tietokanta

13. Käytä Cloudflaren CDN: tä

Cloudflaren käyttäminen ei ole mielenkiintoista.

Se on ilmainen, siinä on yli 200 datakeskusta, ja CDN: t ovat suositteli WordPress.

Pilvipallo-logo

Jotkut isännät, kuten SiteGround, antavat sinun aktivoida Cloudflare kojelaudassa. Muussa tapauksessa rekisteröidy Cloudflaren ilmaiseksi suunnitelmaksi, kirjaudu sisään verkkotunnuksen rekisteröijään ja vaihda Cloudflaren nimipalvelimiin..

Kojetaulussa on muutama mukautus, jotka sinun tulisi harkita:

  • Nopeus: ota käyttöön Brotli ja Rocket Loader
  • Raaputa kilpi: ota hotlink-suojaus käyttöön
  • palomuuri: estää virheellisiä robotteja Wordfencen elävästä liikenneraportista
  • Sivusäännöt: Cloudflaressa on paljon sivusäännöt nopeuteen, turvallisuuteen, yhteensopivuuteen

14. Käytä kevyt teemaa

Satuhetki.

Käytin ThemeForest-teemaa, jonka kehittäjä hylkäsi (riskin, jonka otat ostaessasi teema itsenäiseltä kehittäjältä, vaikka sillä olisikin hyvät arvostelut). Minulla oli myös painajaisia ​​ostaessasi paisuneita teemoja asiakkaille, jotka tekivät heidän WordPress-sivustonsa hitaaksi.

Tarkoitan, että kaikki sisäänrakennettu tekee siitä niin paljon helpompaa, totta?

Ei! Haluat valita kevyt teema, joka on minimaalinen ja hyvin koodattu, ja luota sitten laajennuksiin vain lisätäksesi tarvitsemiasi ominaisuuksia. Teeman optimointi on vaikeampaa kuin laajennuksen poistaminen.

Toivottavasti suurin osa teistä käyttää Astra-, Flatsome- tai StudioPress-teemoja, joita olen suositellut.

15. Löydä pullonkaulat GTmetrixistä

Pisteiden + latausaikojen mittaamisen lisäksi voit paljastaa melko monia asioita GTmetrixissä. Koska jokainen Elementor-sivusto on erilainen, haluat löytää juuri sen, mikä hidastaa sinun omaasi.

Aika ensimmäiseen tavuun

Aika ensimmäiseen tavuun

Ei optimoituja kuvia

Kuvan optimointi GTmetrixissä

Hitaat laajennukset

Hidas WordPress-laajennus

16. Viimeistele viimeiset 10% nopeudesta perfumereillä

Perfmatters (kirjoittanut Kinsta) huolehtii siitä, mitä haluan soittaa sekalaiset nopeuden optimoinnit:

hajusteiden ominaisuudet

Jotkut näistä ovat erittäin hyödyllisiä; komentosarjojen hallinta, jonka avulla voit poistaa valikoivasti laajennukset / komentosarjat tietyiltä sivuilta, muuttamalla automaattisen tallennuksen aikaväliä, rajoittamalla jälkikäteen tehtäviä muutoksia, yhdistämällä esiasetukset ja poistamalla WooCommerce-skriptit, tyylit ja ostoskorin fragmentit käytöstä. Näiden optimointien suhteen en tiedä yhtään laajennusta, joka toimisi paremmin kuin Perfmatters.

Mitä odotat, se on Kinsta. Tietenkin se on hieno plugin.

Usein Kysytyt Kysymykset

&# X1f680; Mitkä ovat yleisimmät syyt hitaaseen Elementor-sivustoon?

Hyvän välimuistin laajennuksen käyttämättä jättäminen, välimuistin laajennuksen optimaalinen määrittäminen, hidas isännöinti, optimoimattomat kuvat, Google Fontsin ja ulkoisten komentosarjojen käyttäminen, korkeat CPU-laajennukset ja CDN: n käyttämättä jättäminen ovat joitain yleisimpiä syitä hitaan Elementorin sivustolle..

&# X1f680; Mitä voin tehdä nopeuttaaksesi Elementoria?

Käytä Elementorin mukautettuja kirjasimia -vaihtoehtoa vähentääksesi Google Fonts- tai Font Awesome -pyyntöjen määrää. Voit myös poistaa valinnaisesti käytöstä käyttämättömät Elementor-toiminnot sivuilla / viesteillä käyttämällä pluginia, kuten Asset CleanUp tai Perfmatters by Kinsta. Loput ovat yleisiä nopeuden optimointeja, joilla ei ole mitään tekemistä Elementorin kanssa.

&# X1f680; Kuinka käytät mukautettuja fontteja, jotta ne latautuvat nopeammin?

Tarvitset Elementor Pro -tilin tehdäksesi tämän. Lataa fonttitiedostosi (esim. Google Fontsista) ja lähetä ne Elementorin mukautettujen fonttien osioon.

&# X1f680; Hidastaako Elementor sivustoni?

Elementor ei aiheuttanut virheitä GTmetrix-raportissani ja on oletettavasti nopein WordPress-sivun rakentaja. Sen ei pitäisi hidastaa verkkosivustoasi paljon, jos ollenkaan. Mutta jos uskot sen tekevän, tarkista GTmetrix Waterfall -välilehti nähdäksesi, mikä todella aiheuttaa ongelman.

&# X1f680; Mitä isäntää suositellaan Elementorin sivustoille?

Suositussa Elementor Facebook -ryhmässä SiteGround ja Cloudways ovat yleensä Facebookin kyselyissä otettujen suosituimpien isäntien joukko.

Silti on hidas Elementor -sivusto?

Sanon tämän: Cloudwaysin ja WP Rocketin pitäisi korjata 80% ongelmista. Hosting ja välimuistin laajennus ovat suurimpia tekijöitä WordPress-optimointioppaassa. Mutta jos Elementor-sivustosi on edelleen hidas, pudota minulle kommentti GTmetrix-raporttisi kanssa ja katson mielelläni. Tiimimme tarjoaa myös WordPress-nopeuspalveluita ennen + jälkeen GTmetrix-raportteja.

Kippis,
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