Ondersteuning » Thema en CSS/opmaak » loading sequence gif in header aanpassen

loading sequence gif in header aanpassen

  • cbm webdesign

    (@cbm-webdesign)


    6 jaren, 1 maand geleden

    Hallo,

    Is er iemand die mij een gouden tip kan geven, hoe ik de loading sequence kan aanpassen van de header?
    Ik heb een fullwidth 2 column header, met aan de linkerkant een gif die ik gemaakt heb ( 9 mb) en aan de rechterkant gewoon een blauwe achtergrond waarin tekst staat.
    Nu laadt de linker gif net iets te snel t.o.v de rest van de header.Ik heb al een plugin gebruikt, en deze werkt ook wel (https://wordpress.org/plugins/re-order-css-and-js-loading-order/) maar ik wil geen zwartscherm zien terwijl de pagina geladen wordt.

    Kan iemand mij in de juiste richting helpen? Ik heb al gegoogled, maar dan wordt er alleen uitgelegd hoe de loading sequence van wordpress zelf werkt.

    Alvast bedankt voor het lezen!

    Vriendelijke groet,
    Claudia

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • hanheg

    (@hanheg)

    6 jaren geleden

    Het timen van content kun je op deze manier niet goed krijgen. Dat is namelijk afhankelijk van de snelheid van de verbinding. Bij de ene verbindng (glasvezel) zal een element veel snelle laden dan bij een andere (3G).
    Wat je zou kunnen doen is tonen “on document load” met javascript bijvoorbeeld maar dan kijkt iemand wel een tijdje tegen een leeg scherm aan inderdaad omdat 9Mb heel veel is voor een pagina (te veel). Vooral over een trage 3G verbinding.

    Ander idee… kun je de gif vervangen door een streaming video. Dat zou je laadtijd sterk kunnen verbeteren.

    Thread starter cbm webdesign

    (@cbm-webdesign)

    6 jaren geleden

    9 mb is wel erg veel he. Ik ga het eens proberen met met een slider plugin hetzelfde resultaat te behalen. Het gaat enkel om het morphen van foto’s, en dat zou met de rev slider ook moeten kunnen, bedenk ik mij….
    Bedankt voor het meedenken!
    groetjes Claudia

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘loading sequence gif in header aanpassen’ is gesloten voor nieuwe reacties.

Weergaven