Ongebruikte CSS verwijderen

Een website moet snel zijn, zodat je geen bezoekers misloopt en lager in de ranking van de zoekmachine komt te staan. Ongebruikte CSS verwijderen is een van de mogelijke adviezen die je hiervoor krijgt. Wat is Ongebruikte CSS verwijderen? We leggen het aan je uit en geven de de oplossing om dit probleem te verhelpen. 

Wat is Ongebruikte CSS verwijderen?

Ongebruikte CSS verwijderen is een aanbeveling die je mogelijk krijgt bij het uitvoeren van een check van je website. Het is tip die aangeeft dat het slim is ongebruikte CSS te verwijderen om zo een website sneller te maken. (1)

Het probleem met ongebruikte CSS

CSS geeft de styling aan een webpagina. Wanneer een browser een website scant, gaat deze iedere regel van CSS langs. De browser kijkt of het de code op de webpagina moet toepassen. Is er sprake van regels code die niet in gebruik zijn, dan checkt de browser deze voor niks en dit kost veel extra tijd.

Hoewel een browser zeer snel is en je er niet altijd iets van merkt, heeft ongebruikte CSS zeker invloed op de laadsnelheid van de pagina. Dit heeft op den duur weer gevolgen voor de gebruiksvriendelijkheid en uiteindelijk ook op de resultaten van een pagina in de zoekmachine.

De impact van Ongebruikte CSS verwijderen op de SEO

Ongebruikte CSS verwijderen heeft mogelijk goede impact op de SEO van een webpagina. Je haalt ongebruikte code weg, waardoor de browser je website nog sneller laadt. Dit is mogelijk een kwestie van milliseconden, maar dit maakt voor zowel bezoekers als de zoekmachine wel degelijk verschil. Hoewel Ongebruikte CSS verwijderen niet de enige manier is om de website te versnellen, is het zeker een stap in de goede richting. 

Mijn advies

Het verwijderen van ongebruikte CSS is een goede manier om de website wat sneller te maken. Maar hoe doe je dit? We raden aan om gebruik te maken van het programma Google PageSpeeds Insights. Dit programma scant je website op tal van zaken en geeft dan ook de analyse. Ongebruikte CSS verwijderen is mogelijk een van de aanbevelingen die je krijgt. Het voordeel van PageSpeed Insights is dat er ook meteen bij staat wat je moet doen om dit op te lossen. 

Het meest complete boekwerk over de website snelheid

Ik heb zoveel geschreven over het versnellen van websites en alles wat hierbij komt kijken, dat ik het graag onderverdeel in verschillende secties; algemeen, tools, verbeterpunten voor de snelheid en tips. Zie en raadpleeg gerust alle onderstaande links voor meer informatie over tools en tips voor het versnellen van jouw website.

Algemeen

• Wat is de website snelheid
• Website snelheid: De onderverdeling tussen marketing en development
• De invloed van SEO op UX
• De invloed van webdesign op SEO
• SPA’s en SEO
• Wat zijn de Google Core Web Vitals?

Tools

• Autoptimize
• Pagespeed.Compare
• W3 Total Cache
• Tools Pingdom
• Google Pagespeed Insights
• GTMetrix

Verbterpunten voor de snelheid

• First Contentful Paint (FCP)
• Time To First Byte (TTFB)
• Time To Interactive (TTI)
• Afbeelding voor Grootste weergave met content (LCP) vooraf laden
• Schakel tekstcompressie in
• Verklein de CSS
• Total Blocking Time (TBT)
• Speed Index
• Verklein JavaScript
• Largest Contentful Paint
• Vermijd een te grote DOM
• Verwijder ongebruikte JavaScript
• Lever afbeeldingen in moderne indelingen
• Maak vooraf verbinding met vereiste herkomsten
• Voorkomen dat verouderde JavaScript wordt geleverd aan moderne browsers
• Gebruik een efficiënt cache-beleid voor statische items
• Dubbele modules verwijderen uit JavaScript
• Vermijd meerdere redirects
• Codeer afbeeldingen op een efficiënte manier
• Gebruik lazy loading
• Laad belangrijke verzoeken vooraf

Algemene tips

• Tips om snel een video in te laden
• Het gebruiken van Edge SEO voor een snellere website
• Een Content Delivery Network installeren voor SEO
• Afbeeldingen optimaliseren voor SEO
• De invloed van hosting op SEO