Ondersteuning » Code oplossingen gezocht » Website laadt traag / DOMcontentloaded?

  • Momenteel ben ik bezig met een site die zo goed als klaar is. Nu is het probleem dat de site nogal traag is qua laden. Via Firebug / NET tabblad zie ik dat dit komt door DOMcontentloaded. Hier doet de pagina eerst +/- 7 seconden over, voordat de rest geladen wordt. Dit is behoorlijk storend.

    Ik heb (bijna) geen ervaring met programmeren e.d. dus ik heb geen idee hoe ik dit op moet lossen. Iemand een ideetje waar het aan kan liggen? De website is tonplompen.nl

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Vooral door netter te werken en een goede basis aan te leren.

    Heb je al eens gekeken wat er allemaal ingeladen wordt en de manier waarop?
    Na 4 of 5 keer (her)laden van de homepage zet je met deze eenvoudige website nog steeds bijna 1MB om in 77 requests. 1MB voor een website als deze das echt absurd.

    In een ooghoek zie ik:
    3 X configurable.css a 300 KB.
    1 X default.css a 75 KB.
    1 X layout.css a 40 KB.
    1 X slider_styles.css a 26 KB.
    1 X counter.css a 10 KB.
    1 X 960.css a 10 KB.
    1 X style.css a 10 KB.
    1 X typography.css a 8 KB.
    En hier stop ik even want er komen zeker nog 10 andere losse stylesheets bij van een paar KB.

    Dit zijn alleen de stylesheets (CSS) Dan heb ik het nog niet over .JS en afbeeldingen.
    Ik zag ook een header image van 281KB terwijl deze niet meer dan 256 verschillende kleuren bevatte en dus beter af is in een .gif formaat.
    Ik heb die zelfde afb. door mijn ImageOptim. tool gehaald en er is nog 204KB van over. Das precies dezelfde afbeelding zonder kwaliteitsverlies alleen 77KB minder zwaar.

    Maar heel eerlijk heb ik geen idee waar ik zelf zou moeten beginnen met snoeien want er wordt zoveel ingeladen dat ik eigenlijk blind durft te zeggen dat 90% van alles dat in je stylesheets staat niet gebruikt wordt voor deze website.

    Thread starter profenx12

    (@profenx12)

    Dank voor je reactie! Ik heb ook geen flauw idee waar ik moet beginnen dan… Heb namelijk niet heel veel kennis van programmeren e.d.

    Maaroged als ik in firebug kijk.. en de laadtijd zie dan zie ik dat die css bestanden en afbeeldingen enz. allemaal vrij snel geladen worden < 3 sec. alles bij elkaar… het is vooral dat DOMcontentloaded wat eerst geladen wordt.. wat meer dan 7 seconden soms in beslag neemt. Kan ik daar niet wat aan doen?

    royscheeren

    (@royscheeren)

    DOMcontentloaded is geen script op zich en wordt niet ‘geladen’. Het is een event dat afgevuurd wordt nadat bepaalde delen van je pagina zijn ingeladen. (Google maar eens op DOMcontentloaden voor meer info)

    Wat jaja.. hierboven zegt, klopt dus. Je hebt zoveel bloat in je site staan dat het laden van je site erg lang duurt.

    Plugins voor firebug als Page Speed en Yslow helpen ook.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Website laadt traag / DOMcontentloaded?’ is gesloten voor nieuwe reacties.