WordPress

Proovi nii- või naapidi, WordPressita ei saa turunduses hakkama. Isegi, kui te kodulehed on tehtud Voogi, Drupaili, Magento peale, siis WP on ikka risti jalus ees.

Kas WordPress on hea, sobiv, võimas ja kas WPle teha veebilehte ja Woo Commerce’i epoodi, siis see vaidlus läheb sama tuliseks kui PC ja Apple fännidevaheline argumenteeritud või argumenteerimata tulistamine. Worpress on CMSide seas saamas sama dominantseks nagu Google otsingumootorite hulgas.

Ilma vahemällu salvestamiseta peab külastaja brauser esitama palju individuaalseid päringuid varade, näiteks piltide, CSSi ja JavaScripti failide kohta. See mitte ainult ei aeglusta veebisaiti, vaid võtab energiat ja suurendab teie saidi süsinikujalajälge. Jah, seda nüüd jälgitakse.

Kuidas saada WordPressi kiiremaks?

Inimesed on kannatamatud. Teil on vaid mõni sekund, et külastaja endale haarata ja jätta oma saidile.
Google’i Chrome’i brauser hakkab aeglaselt laadivaid saite tuvastama ja hoiatab külastajaid nende eest.
Lehe kiirus on üks teguritest Google’i otsingu algoritmis. Kiire sait aitab teil kõrgemat paremusjärjestust luua ja otsingumootoritest rohkem külastajaid saada. See pole päris tõde, sest osad aeglased saidi on sama edukalt otsingutulemuste eesotsas. Vähemalt guugle levitab seda kiirusejuttu.
Mida kergem on teie veebileht, seda vähem edastatakse andmeid igale külastaja brauserisse ja seda vähem kulutatakse elektrit.
Kolmandate osapoolte skriptid (Google Analyticsi snipet, FB piksel, Hotjar, Google Mapsi kaart, fondid jt) on aeglaste saitide üks peamisi põhjuseid. Jälgimisskriptide arvu vähendamisega saab saidi eetilisemaks (te ei nuhi) kui kiiremaks.

Tehke kiirustest, et teada saada, miks teie sait on aeglane

Tegelt ka, miks krt WordPress nii aeglane on. WordPress on tegelikult suurtest sisuhaldussüsteemidest üks kergemaid ja kiiremaid.

Uhiuus WordPressi installimine vaiketeemaga, sisu ja pistikprogrammideta lehekülje kaal on 40KB ja Google’i PageSpeed ​​Insights on skooris 98 sajast. See on väga kiire. Aeglasemaks võib muuta see, mida me ISE WPle teeme.

Susty on maailma kõige väiksem, kergem WP theme.

Alustame kiiruskatsetega, et näha, kui kiiresti või aeglaselt teie saiti laadib.

Allolevad tööriistad analüüsivad teie saidi kiirust ja pakuvad nõuandeid, mida saate teha laadimisaja optimeerimiseks. Peaaegu, et näitavad näpuga vead ette.

PageSpeed ​​Insights: Google’i loodud. Kiire ja mugav. Testib nii lauaarvuti- kui mobiiliversiooni. Päris usaldusväärne.

GTmetrix: lisaks tavapärastele vaadetele ja skooridele näitab waterfalli ülevaate, milliseid faile laaditakse ja milliseid päringuid veebilehelt esitatakse. Kui teete GTmetrixi konto, siis saate omad veebide tulemused salvestada.

Pingdom: ülipõhjalik, tasulisena mõnusam. Võimaldab testida oma WordPressi lehekiirust Euroopast, Aasiast, Põhja-Ameerikast, Lõuna-Ameerikast või Austraaliast. Mõned eelistavad GTmetrixile.

WebPagetest: võimaldab teil testida mitmest asukohast ja erinevatest seadmetest. Pakub ka esimese baiti ajalisi hindeid. Ettevaatust! Natu kole UI väljanägemine.

Testige oma saiti, kasutades kõiki neid nelja (või kolme või kahte). Tehke test nii oma avalehe kui ühe postitusega, kuna lehekülgede mahud on erinevad.

Nüüd on teil ülevaade oma WordPressi saidi hetke toimivusest. Sellest on kasu pärast kõigi paranduste tegemist.

Siin on minu parim tulemus Google’i PageSpeed ​​Insights’is.

Google pagespeed kiiruse näitajad
PageSpeed Insights. Desktopis ongi lihtsa paremat numbrit saavutada.

Elemendid, mis mõjutavad saidi kiirust

Lehe kaalu ja laadimisaega mõjutavad paljud tegurid. Kasutage optimeeritud kujundust kiirel veebimajutusel, ärge lisage liiga palju pilte, videoid ja skripte ning teie sait laaditakse kiiresti.

Hakkasin oma lehte juba Susty teemale ehitma, et oleks hästi optimaalne ja kerge, aga vara veel nii mungaks hakata. Nagu soolast ja suhkrust loobumine. Võimalik, aga ei taha veel.

Lehe üldine suurus ja päringute arv on peamised mõõdikud, mis määravad teie saidi kiiruse. Taotlused hõlmavad pilte, videoid, fonte, analüütikat, reklaamiskripte ja JavaScripti faile.

Siin on minu saidi kokkuvõte GTmetrixis. Pange tähele 21 taotlust, laadimine alla sekundi, lehe kogu suurus 400KB. Ei ole ideaalne. Saaks paremini.

GTmetrixi vaade. DiCaprio pisipilt skaleerib end valesti ja tõmbab näitaja Dks. DiCaprio = D.

Kasutage kerget WordPressi kujundusteemat

Kõik WordPressi teemad pole võrdsed.

  • Mõnel on rohkem funktsioone, kui te kunagi vaja oleks.
  • Mõnel on halb, ülespuhutud, vana ja ebaefektiivne kood.
  • Paljudel on tarbetuid pilte, väliseid fonte ja JavaScripti failitaotlusi.
  • Kõik need suurendavad teie saidi tarbetut koormust isegi enne, kui lisate oma kohandamised ja sisu.

Peaksite valima kerge ja puhta kodeeritud WordPressi teema, mille välimuse, funktsionaalsuse ja kiiruse vahel on õige tasakaal. Näete kohe märkimisväärset paranemist. Lihtne öelda, raske teha. See o üks põhjstest, miks ma jäid WPga kaasa tulnud kujundusele.

Mõned kerged/kergemad WP kujundused kodulehe tegemiseks.

https://generatepress.com/

http://sustywp.com/

Miks WP Twenty Twenty theme?

Miks valisin kujunduseks WordPressi ametliku teema 2020? Maailmas on palju premium-kujundusi WordPressile. Maailmas on palju veebidisaini firmasid (fraktal näiteks, ja Velvet), kes oskavad ainulaadseid veebilehti kujundada. QQQ veeb on Haiku Kaupo loodud. Ja nüüd siis selline tagasilangus?!

WP Twenty Twenty teema aluseks on Anders Noréni Chaplin. 2020 polnud mu esimene valik. Plaanisin sustainable webdesign ideest lähtuvalt kõige kergema WP kujunduse töösse panna. WP kujundus Susty, mille suurus on 6KB, mille kellad ja munad on ära nuditud. Võid olla kindel, et su veebi kiiruse skoor on alati A või 100.

Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs.

The WordPress team kirjutas ise nii.
  • Piirake ebavajalikke elemente. Püüdke mõista kõiki teie saidi päringuid ja mõelge kui vajalikud need on. Kas vilkuvad ja tähelepanu hajutavad tegevusele suunatud (CTA) nupud mõjutavad tegelikult teie eesmärke või on need tüütud 99% saiti külastavatest inimestest? Kas vajate video automaatset esitamist?
  • Piirake kolmandate osapoolte skripte. Kas vajate tegelikult Google’i fonte? Kas vajate ametlikke sotsiaalmeedia jagamisnuppe? Kas peate koguma külastusstatistikat remarketingi jaoks, mida te ei pruugi kunagi vaadata ja kasutada?

Peamised Page Speedi hoiatused st soovitused

Gzip, leverage browser caching, render blocking

Allolev .htaccessi jutt pole nii väga WP teema, sest peamised cache-pluginad kirjutavad .htaccessi, aga alati pole sul tarvis selleks pluginat. Kirjuta otse .htaccessi. Veebikiiruse testimine tööriist annab enamasti aeglasema veebi puhul soovitust Enable GZip compression. Kuidas seda teha oma serveris? Lisa allolevad jupid .htaccess faili lõppu, et kompressimine sisse lülitada. Zone serverites on vaikimisi juba sisse lülitatud.

Loomulikult vaata ennem, mis su kataloogi .htaccessis kirjas on. Võibolla ei pea midagi rohkemat tegema.

Enable GZip compression
<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>
Leverage browser caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
Eliminate render-blocking JavaScript and CSS in above-the-fold content
/*function to add async to all scripts*/
function js_async_attr($tag){

 # Add async to all remaining scripts
 return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Lisa kommentaar

Sinu e-postiaadressi ei avaldata. Nõutavad väljad on tähistatud *-ga