Wéi eliminéiert Render-blocking Ressourcen a WordPress (ganz einfach)

E séiere Blog oder Websäit ze hunn ass ganz wichteg. Et ass wichteg wann Dir héich an de Sichmotoren rangéiere wëllt. Wann Är Websäit ganz lues ass, wäert et definitiv Är SEO schueden.

Och eng lues Websäit kann d'Bouncerate héich maachen, wat Är Mark op ville Weeër technesch schueden. Eng lues Websäit kann Akommes an Konversioun Afloss.

Déi meescht Benotzer sinn ongedëlleg, wann Äre Site ze laang dauert fir ze lueden, wäerte se se opginn an op eng méi séier Alternativ goen. Dat ass e potenzielle Client oder Akommes Booster fort.

Wann Dir probéiert hutt Är Websäit ze beschleunegen an Dir benotzt en Testinstrument wéi Google PageSpeed ​​​​Insight, eng Warnung déi Dir wahrscheinlech kritt ass Render-blockéierend Ressourcen ze eliminéieren.

An dësem Artikel léiert Dir wéi Dir Render-blocking Ressourcen einfach eliminéiert.

Wat sinn Render-blockéierend Ressourcen?

Render-blockéierend Ressourcen sinn CSS a JavaScript, déi d'Laaschtzäit vun enger Websäit verlangsamen, well et muss vum Webbrowser erofgeluede ginn ier de Säitinhalt ka renduéieren.

Wann e Besucher probéiert op eng Websäit ze kommen, fänkt de Browser direkt un d'Websäit vun uewe bis ënnen ze liesen. Wann et CSS oder JavaScript gëtt, stoppt de Browser ze liesen bis et d'Dateien eroflueden an veraarbecht. Ier de Browser den iwwer-de-klappt Inhalter ka maachen, muss et d'CSS- oder JavaScript-Dateien eroflueden.

Plugins oder Themen, déi Dir installéiert, kënnen e puer vun dësen CSS an JS addéieren. E puer brauchen net als éischt ze lueden, si kënne spéider lueden. Awer well se do uewen sinn, verlangsamen se Är Websäit.

Also wat Google heescht mat "Rendez-blockéierend Ressourcen eliminéieren" ass datt Dir onnéideg Ressourcen vun der Spëtzt vun Ärer Websäit läscht well et d'Luede vum Websäitinhalt verlangsamt.

Wéi fannt Dir Render-blockéierend Ressourcen

Ier Dir e Render-blocking Problem léise kënnt, musst Dir wësse wou et hierkënnt. Dir kënnt erausfannen wéi eng Ressourcen Render-blockéieren andeems Dir en Test leeft Google PageSpeed ​​​​Insight or Web.Mooss.

Dir kënnt d'Schrëtt hei ënnen verfollegen fir Renderblocking Ressourcen ze fannen:

1. Besicht Google PageSpeed ​​​​Insight

2. Gitt Är Websäit Adress a klickt analyséieren

3. Scroll down a kuckt eraus fir Render-blockéierend Ressourcen Warnung ze eliminéieren.

Préift et a béid Handy an Desktop Tap.

fir BloggingTools, Mir hu keng Render-Blockéierungsprobleemer fir Desktop, awer mir maachen fir Handy. Also fir d'Wuel vun dësem wäerte mir Mobile benotzen wéi Dir hei ënnen kënnt gesinn.

Fir mobil wéi Dir hei uewen kënnt gesinn, hu mir 2 Render-Blockéierungsprobleemer. Mat engem Score vun 93. De Score war méi héich, awer fir dës Post muss ech den Autoptimize Plugin deaktivéieren.

BloggingTools.org huet dëse Score ouni Optimiséierung erreecht well mir e ganz séier a liicht Thema benotzen GeneratePress. Mir hosten och op engem ganz schnelle Webhost bekannt als Bléiwen.

Notéiert: Dir sollt net obsesséiert sinn iwwer 100 op der PageSpeed ​​​​Insight Score ze kréien. Et ass nëmmen e Guide. Normalerweis ass en Duerchschnëttsscore vu 65 bis 80 gutt fir déi meescht Leit. Huelt net Dateien ewech déi wesentlech fir Äert Geschäft sinn.

Déi gutt Saach iwwer WordPress ass datt Dir net alles manuell maache musst. Et ginn e puer gutt kodéiert Plugins fir ze hëllefen.

Wéi fixéiert eliminéiert Render-blocking Ressourcen Thema a WordPress

Follegt dës Schrëtt fir d'Rende-blockéierend Ressourcenprobleem ze fixéieren:

1. Installéieren an aktivéieren Autoptimize

Et gëtt vill WordPress Plugins déi dat maache kënnen, wéi zum Beispill W3 Total Cache, WP Rocket a sou weider. Mee no menger Erfahrung mat ville Websäiten, handhabt Autoptimize et ëmmer vill besser wéi all aner. Dat Wonnerbart ass, datt Autoptimize mat bal all WordPress Caching Plugin kompatibel ass an et gratis ass.

Gitt an de WordPress Plugin Verzeechnes fir installéieren an Autoptimize aktivéieren

2. Besicht Autoptimize Astellunge

Wann Dir jeemools braucht wou Dir Autoptimize Astellunge fannt, op Ärem WordPress Dashboard klickt op Astellungen a klickt duerno op Autoptimize.

3. Optimiséieren JavaScript

Ënner JavaScript Optiounen, wielt Skriptcode optimiséieren a wielt och aggregéiert JS-Dateien. Dir kënnt d'Astellunge fannen déi ech fir BloggingTools benotzen hei ënnen.

4. Optimiséieren CSS

Ënnert den Optimiséieren CSS Optiounen wielt CSS Code optimiséieren. Wielt och aggregéiert CSS-Dateien an "Och aggregéiert inline CSS." Kuckt d'Optiounen déi ech fir BloggingTools benotzen hei ënnen.

5. Optimiséieren HTML

Wann Dir besser Leeschtung wëllt, kënnt Dir och Autoptimize benotzen fir HTML ze optimiséieren. Ënner HTML Optiounen, wielt HTML Code optimiséieren. Dir kënnt d'Astellunge gesinn, déi ech fir BloggingTools benotzen hei ënnen.

6. Kuckt d'Misc Optiounen

Dir kënnt d'Misc Options iwwerpréiwen an e puer Astellungen upassen wéi et fir Iech funktionnéiert. Dir kënnt d'Astellunge fir BloggingTools hei ënnen fannen.

7. Späicheren an eidel Cache.

Als nächst klickt einfach op Späicheren an eidel Cache. Dat ass alles!

No all deem, kënnt Dir Är Site nach eng Kéier op Google PageSpeed ​​​​Insight kontrolléieren. Fir BloggingTools, direkt nodeems Dir dëst gemaach hutt, sprange eise Score op 95 an all d'Eliminatioun vun Render-blocking Ressourcen Warnung verschwonnen komplett. Kuckt hei ënnen.

Notéiert w.e.g. datt ofhängeg wéi vill Render-blockéierend Ressourcen Dir hutt a wéi entscheedend se fir Äre Site sinn, e puer vun hinnen kënne bleiwen. Probéiert se net ze läschen.

Wann Dir wëllt weider eliminéieren, kënnt Dir benotzen Async JavaScript, e Plugin vum selwechten Auteur wéi Autoptimize. Si schaffen zesummen. Ech recommandéieren dëst net well et Äre Site briechen kann. Autoptimize alleng ass ok!

Conclusioun

D'Geschwindegkeet ass wichteg an d'Eliminatioun vun Render-Blockéierungsressourcen kann hëllefen, datt Är Websäit méi séier gelueden gëtt an Äre Site e bessere Score op Geschwindegkeetstestinstrumenter gëtt. Awer Dir sollt ni vun dëse Partituren obsesséiert sinn well se nëmmen do sinn fir ze guidéieren.

Wann Är Websäit duerno nach ganz lues ass. Déi dräi wahrscheinlechste Probleemer kéinte sinn datt Äert Thema oder Äre Webhost schlecht ass, oder Dir hutt schlecht Plugins installéiert. Ech recommandéieren Coudways als beschte Webhost an GeneratePress als beschten Thema. Wann Dir en Ufänger sidd, Bluehost kann handhaben awer wann Dir et leeschte kënnt, ass Cloudways déi bescht. Dir kënnt gratis ufänken. Ech benotzen GeneratePress a Coudways fir TargetTrend

Och liesen:

Wéi WordPress ganz séier ze maachen

Wéi Dir Traffic op Äre Blog féiert

Wéi Suen bloggen ze maachen

Wéi starten e Blog