{"id":60931,"date":"2019-11-08T00:03:24","date_gmt":"2019-11-08T00:03:24","guid":{"rendered":"https:\/\/www.websiteseocheck.nl\/seocheck\/?p=60931"},"modified":"2019-11-08T00:03:26","modified_gmt":"2019-11-08T00:03:26","slug":"css-bestanden-combineren","status":"publish","type":"post","link":"https:\/\/www.websiteseocheck.nl\/seocheck\/css-bestanden-combineren\/","title":{"rendered":"Combineer externe CSS"},"content":{"rendered":"
\n

\nCSS-bestanden combineren<\/p>\n\n\n\n

Elk CSS-bestand dat u voor uw website gebruikt, voegt tijd toe aan de laadsnelheid van uw pagina. Soms is dit onvermijdelijk, maar in de meeste gevallen kunt u twee of meer CSS-bestanden combineren met niets meer dan “kopi\u00ebren en plakken”.<\/p>\n\n\n\n

Vaak is de enige reden waarom u meerdere CSS-bestanden gebruikt, omdat uw website-ontwerper het gemakkelijker vond om met afzonderlijke bestanden te werken. CSS-code maakt het niet uit waar het zich bevindt of in hoeveel bestanden het zich bevindt. E\u00e9n CSS-bestand dat alle informatie van uw afzonderlijke CSS-bestanden bevat, zal net zo goed werken en uw paginasnelheid verbeteren.<\/p>\n\n\n\n

Omdat alle CSS-bestanden standaard worden geblokkeerd, is het essentieel om zo min mogelijk CSS-bestanden te hebben.<\/p>\n\n\n\n

Door al uw CSS in \u00e9\u00e9n bestand te plaatsen, vermindert u aanzienlijk de tijd die nodig is om uw webpagina’s te laden, omdat u het aantal dingen dat de webbrowser moet laden voordat uw pagina wordt weergegeven, vermindert.<\/p>\n\n\n\n

Tip – Om te bepalen hoeveel CSS-bestanden uw webpagina’s laden, gebruikt u de CSS-bezorgtool die elk bestand weergeeft dat wordt aangeroepen.<\/p>\n\n\n\n

WordPress en CSS<\/p>\n\n\n\n

U moet speciale aandacht besteden aan deze richtlijn als u WordPress gebruikt. Vrijwel elk WordPress-thema heeft verschillende CSS-bestanden die worden geladen. Als u vindt dat dit het geval is met uw blog en u zich comfortabel voelt bij het bewerken van bestanden, kunt u de inhoud van elk van de CSS-stijlbladen die worden aangeroepen, opnemen in het hoofd CSS-bestand (degene die u vaak zult vinden wanneer u opent “Uiterlijk> Editor” vanaf uw dashboard). Vergeet niet om de oproepen te verwijderen voor de CSS die u hebt gecombineerd.
Hoe uw CSS te combineren<\/p>\n\n\n\n

U kunt de inhoud van elk CSS-bestand vaak gewoon kopi\u00ebren en plakken om \u00e9\u00e9n CSS-hoofdbestand te maken.
Soms worden er veel CSS-bestanden opgeroepen en kunt u slechts \u00e9\u00e9n nieuw CSS-bestand maken dat alle inhoud van de andere bevat.
kopieer de inhoud van het ene css-bestand en plak het in een ander om ze te combineren<\/p>\n\n\n\n

Met deze methode blijven al uw oude CSS-bestanden veilig en krijgen ze de juiste naam als u ernaar terug moet gaan. U zou dan uw HTML bijwerken om het nieuwe bestand aan te roepen en alle oproepen voor de oude bestanden te verwijderen.<\/p>\n\n\n\n

Vaak hebt u slechts twee of drie CSS-bestanden en kunt u de inhoud van \u00e9\u00e9n gewoon toevoegen aan een bestaand bestand …<\/p>\n\n\n\n

Laten we bijvoorbeeld zeggen dat u drie css-bestanden hebt …<\/p>\n\n\n\n

    main.css
    other.css
    third.css<\/p>\n\n\n\n

In deze situatie kunt u uw “other.css” openen, de inhoud van dat bestand kopi\u00ebren en in “main.css” plakken.<\/p>\n\n\n\n

Je zou hetzelfde kunnen doen voor “third.css”.<\/p>\n\n\n\n

Zodra u dat hebt gedaan, verwijdert u de aanroep voor “other.css” en “third.css” uit uw HTML. U hebt nu slechts \u00e9\u00e9n CSS-bestand in plaats van drie dat een webbrowser moet downloaden voordat uw webpagina wordt weergegeven. Uw webpagina wordt nu sneller geladen.
laadvolgorde van css
Andere CSS-optimalisaties en onderwerpen door Patrick Sexton<\/p>\n\n\n\n

Misschien wilt u uw CSS-levering verder optimaliseren zoals aanbevolen 1 door Google …<\/p>\n\n\n\n

    Inline css.
    Vermijd de import css-methode (@import).
    Meer informatie over het blokkeren van CSS.
    Meer informatie over de CSSOM.\n\n<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"

CSS-bestanden combineren Elk CSS-bestand dat u voor uw website gebruikt, voegt tijd toe aan de laadsnelheid van uw pagina. Soms is dit onvermijdelijk, maar in de meeste gevallen kunt u twee of meer CSS-bestanden combineren met niets meer dan “kopi\u00ebren en plakken”. Vaak is de enige reden waarom u meerdere CSS-bestanden gebruikt, omdat uw website-ontwerper […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[83],"tags":[],"_links":{"self":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/posts\/60931"}],"collection":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/comments?post=60931"}],"version-history":[{"count":0,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/posts\/60931\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/media?parent=60931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/categories?post=60931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/tags?post=60931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}