Techwebsite bouwen Deel II

Door Frozen op vrijdag 5 oktober 2018 01:00 - Reacties (19)
Categorie: Software, Views: 3.435

We zijn alweer een tijdje verder dan toen ik halverwege zomervakantie de delen 1A en 1B schreef over mijn ervaring met het bouwen van mijn techwebsite: TechBeLike. In deze delen gaven jullie aan dat het logo absoluut niet professioneel was en heeft (SeenD) een logo voor mij ontworpen. Dit heb ik toen gepolld en uiteindelijk hebben jullie toen voor "het" nieuwe logo gekozen. Ondertussen is er weer veel aan de website veranderd, waaronder een nieuw thema. Ik ben in ieder geval enorm benieuwd naar jullie meningen,

In het vorige deel heb ik het kort gehad over het kiezen van een naam en een logo. Naar mijn mening moeten je naam en logo of heel erg strak zijn, of duidelijk zijn. Ik heb gekozen voor het laatste met de naam "TechBeLike". Op het moment dat je een naam hebt gekozen is het tijd om je domein te registeren. Op de website van Stichting Internet Domeinregistratie Nederland kan je vervolgens checken of het domein wat je wilde (wat meestal naam.nl is) beschikbaar is. Is die naam nou niet beschikbaar, dan kan je altijd een .com, .net of .eu registreren. Echter is het .nl domein wel het goedkoopst.

Domein registreren

Waar je dan zo'n domein registreert maakt niet veel uit, maar ga niet met een vreemde tent (ofwel registrar) in zee. Ik heb gekozen voor "Vimexx" aangezien zij de beste prijs/kwaliteit hosting leken te hebben en daarmee het volledige pakket voor mij het goedkoopst was. Het is daarbij erg eenvoudig voor een beginneling als je je domein en hosting bij hetzelfde domein regelt. Op de website tik je dus je gewilde domeinnaam in en er wordt automatisch laten zien welke "top-level domains" nog beschikbaar zijn. Is jouw combinatie nou niet beschikbaar? Dan is het misschien verstandig om een andere domeinnaam te kiezen of de naam van je "bedrijfje" te veranderen. Ik ben zelf geen bedrijfje, want dit is louter een hobbyproject maar toch...

Hostingspakket

Als je je naam hebt kan je kijken wat voor hostingpakketten er worden aangeboden. Voor een beginnende website heb je niet zoveel nodig,dus koop ook niet een te duur pakket. Echter moet er natuurlijk wel genoeg schijfruimte beschikbaar zijn om je content op kwijt te kunnen.Verder is het handig om te kijken of ze standaard al "Wordpress" pakketten aanbieden waar Wordpress standaard al geÔnstalleerd is. Wordpress is zeg maar het frame waarop je je website bouwt.

Hoe dan ook is het handig om te kijken naar wat voor support de hoster biedt (guides, ticketsysteem/livechat), wat de up/downtimes zijn en wat ervaringen van anderen met de hoster zijn. Immers zeggen in dit geval reviews op Google vaak meer dan genoeg.

Wordpress aanslingeren

Vervolgens ga je op de website van je hoster naar je gekochte hostingspakket en ga je naar de locatie waarbij je lekker met je website kan gaan klooien. Dat is verschilend per hoster, maar bij Vimexx heet dat DirectAdmin. Daar klik je op je domeinnaam en vervolgens op Wordpress. Op dat moment kom je bij het gedeelte waar je je hoofdinstellingen van je website kunt aanpassen, zeg maar het belangrijkste gedeelte voor elke beginner. Hier zijn dingen aan te passen als:
  • Websitenaam
  • Websitetaal
  • Admin username
  • Admin email
  • Website ondertitel
  • Updatebeleid
  • Backupbeleid
Daarna klik je op de link waar "Wp" of "Wordpress" in staat en je wordt naar de Wordpress applicatie op jouw eigen website toegeleid. Hier ga je in de toekomst eigenlijk alle handelingen verrichten. Het verstandigste is om even zelf naar instellingen -> algemeen te gaan om daar het een en ander aan te passen zoals de tijdzone en tijdnotatie. Verder kan je even doorgaan naar schrijven en lezen en aanpassen zoals jij denkt dat je website optimaal is.


Vervolgens ga je naar Thema's en kies je een thema uit. Het thema bepaalt de layout van je menu's, headers, hoe goed je website omgaat met mobiele telefoons en advertenties, je lettertypes, noem het maar op. Je thema is dus een heel erg belangrijk aspect. Het is belangrijk om een thema te kiezen wat aan jouw websitedoel voldoet en toch erg kneedbaar is. Veel thema's zijn namelijk gratis waarbij belangrijke features zijn weggelaten voor de betaalde versie. Echter zijn die betaalde versies al heel erg snel erg duur waarbij kosten kunnen oplopen tot 200 euro per jaar. Kies dus een gratis thema waar je toch een hoop mee kunt doen. De thema's die je naar mijn mening zou moeten kiezen zou een populaire moeten zijn. Dit zodat er een grote community is en je zeker weet dat je thema wordt doorontwikkeld.

https://www.techbelike.com/wp-content/uploads/2018/10/Website-bouwen.png

Op het moment dat je een slecht thema kiest, kan je website er eenvoudigweg zo uit komen te zien: https://forums.athemes.com/uploads/db8325/original/2X/b/b08b8d34a1858ab31b00878f40fbd0a0586be3d0.jpg

Volgende: Tweakers Oktober Testfest 2018 07-10 Tweakers Oktober Testfest 2018
Volgende: Foritain is jarig!!!! (Afgelopen) 09-08 Foritain is jarig!!!! (Afgelopen)

Reacties


Door Tweakers user BladeSlayer1000, vrijdag 5 oktober 2018 09:32

Het nieuwe thema ziet er goed uit, alleen zit er nog wel een bug in zie screenshot:
https://tweakers.net/ext/f/eG5JaMeG92T75MQGd0k5TmvR/full.png

Google Chrome: 69.0.3497.100 (OfficiŽle build) (64-bits) (cohort: Stable)
OS: Windows 10 Pro 1803

Door Tweakers user Calamor, vrijdag 5 oktober 2018 09:48

Misschien een tipje. De balk boven aan heeft veel ruimte nodig. Denk dat het vooral komt door het logo en de tekst TechBeLike, die staan nu onder elkaar. Zou het zelf naast elkaar doen zodat de balk smaller wordt. Nu heb je veel lege ruimte.
Vooral op een smartphone in landscape stand hou ik nog maar 1/3 van het scherm over om de inhoud te bekijken.

Verder ziet het er mooi uit!

[Reactie gewijzigd op vrijdag 5 oktober 2018 09:51]


Door Tweakers user heuveltje, vrijdag 5 oktober 2018 10:02

Heb 2 seconden gekekeken, maar ik word op een of andere manier compleet gestoord van dat de complete achtergrond langzaam meebeweegt met je muis :X

Technisch best lollig, maar ik vind het echt zeer onprettig werken.

Door Tweakers user Frozen, vrijdag 5 oktober 2018 10:05

BladeSlayer1000 schreef op vrijdag 5 oktober 2018 @ 09:32:
Het nieuwe thema ziet er goed uit, alleen zit er nog wel een bug in zie screenshot:
https://tweakers.net/ext/f/eG5JaMeG92T75MQGd0k5TmvR/full.png

Google Chrome: 69.0.3497.100 (OfficiŽle build) (64-bits) (cohort: Stable)
OS: Windows 10 Pro 1803
Bedankt voor je reactie maar ik zie de bug niet! Of bedoel je dat er geen "header" is?
Calamor schreef op vrijdag 5 oktober 2018 @ 09:48:
Misschien een tipje. De balk boven aan heeft veel ruimte nodig. Denk dat het vooral komt door het logo en de tekst TechBeLike, die staan nu onder elkaar. Zou het zelf naast elkaar doen zodat de balk smaller wordt. Nu heb je veel lege ruimte.
Vooral op een smartphone in landscape stand hou ik nog maar 1/3 van het scherm over om de inhoud te bekijken.

Verder ziet het er mooi uit!
Klopt, daar ben ik het zeker mee eens. Ik ben dus al contact gezocht met de community 1 maand geleden, maar het is nog niet gelukt om het op te lossen.

Ik ga daar denk ik een nieuwe post maken. :)

Door Tweakers user BladeSlayer1000, vrijdag 5 oktober 2018 12:14

Frozen schreef op vrijdag 5 oktober 2018 @ 10:05:
[...]

Bedankt voor je reactie maar ik zie de bug niet! Of bedoel je dat er geen "header" is?
Er is degelijk wel een soort van header alleen de grote regel witruimte boven de navigatie is vreemd. Als ik kijk in de devtools, dan wordt het veroorzaakt door een position van absoluut en een top van 40px op de class .navbar.header-with-topbar

https://tweakers.net/ext/f/UrRSUyeXZUlTUWSPXjhzkOEZ/full.png

Echter zodra ik deze uitzet, wordt de navbar waarin de language en social media buttons staan verplaatst naar onder. Het is nogal eigenaardig gedrag want ik heb nu 9x de pagina ververst, en dan is hij er wel en dan niet. De beste manier hoe ik het heb kunnen reproduceren is door vanuit de homepage naar de guides pagina te gaan.

[Reactie gewijzigd op vrijdag 5 oktober 2018 12:17]


Door Tweakers user F. Scaglietti, vrijdag 5 oktober 2018 23:59

Ik vraag mijzelf af, stel dat ik zelf een website hebt gemaakt met HTML en CSS, hoe corronspondeerd WordPress met dat? kan je het gewoon in je /var/www/html dumpen en WordPress ziet het automatisch of niet?

Door Tweakers user Danny.G, zaterdag 6 oktober 2018 03:40

F. Scaglietti schreef op vrijdag 5 oktober 2018 @ 23:59:
Ik vraag mijzelf af, stel dat ik zelf een website hebt gemaakt met HTML en CSS, hoe corronspondeerd WordPress met dat? kan je het gewoon in je /var/www/html dumpen en WordPress ziet het automatisch of niet?
Niet helemaal. Je moet je ontwerp afstemmen op de vereiste Wordpress template format zodat Wordpress het goed ziet. Is niet heel spannend, check de documentatie en je hebt dat in nog geen uur klaar.

[Reactie gewijzigd op zaterdag 6 oktober 2018 03:40]


Door Tweakers user Frozen, zaterdag 6 oktober 2018 08:34

BladeSlayer1000 schreef op vrijdag 5 oktober 2018 @ 12:14:
[...]


Er is degelijk wel een soort van header alleen de grote regel witruimte boven de navigatie is vreemd. Als ik kijk in de devtools, dan wordt het veroorzaakt door een position van absoluut en een top van 40px op de class .navbar.header-with-topbar

https://tweakers.net/ext/f/UrRSUyeXZUlTUWSPXjhzkOEZ/full.png

Echter zodra ik deze uitzet, wordt de navbar waarin de language en social media buttons staan verplaatst naar onder. Het is nogal eigenaardig gedrag want ik heb nu 9x de pagina ververst, en dan is hij er wel en dan niet. De beste manier hoe ik het heb kunnen reproduceren is door vanuit de homepage naar de guides pagina te gaan.
Heel erg bedankt! Ik ga kijken hoe en waar ik dat kan oplossen! Vandaag ben ik op tweakers oktober testfest dus dat zal wel even moeilijk worden met debuggen! 😣

Door Tweakers user Joramk, zaterdag 6 oktober 2018 13:38

Je website ziet er erg goed uit!

Ik wil ook beginnen met het maken van websites. Vimexx lijkt mij een goede en goedkope dienst voor domeinregistratie en hosting. Maar kost Wordpress ook nog geld als je je website zonder wordpress-reclames wilt? Zit dit bij het pakket van Vimexx of moet je dit los kopen?

mvg,
Joram

Door Tweakers user i-chat, zaterdag 6 oktober 2018 16:11

Joramk schreef op zaterdag 6 oktober 2018 @ 13:38:
Je website ziet er erg goed uit!

Ik wil ook beginnen met het maken van websites. Vimexx lijkt mij een goede en goedkope dienst voor domeinregistratie en hosting. Maar kost Wordpress ook nog geld als je je website zonder wordpress-reclames wilt? Zit dit bij het pakket van Vimexx of moet je dit los kopen?

mvg,
Joram
misschien moet je even uitleggen wat je met wordpres reclames bedoeld, maar als je niet wilt dat er powered by wordpress op komt te staan moet je je website (en cms) zelfbouwen want voor zover mij bekend is de vernoeming een van de vereisten van van de software.

Door Tweakers user Joramk, zaterdag 6 oktober 2018 18:43

i-chat schreef op zaterdag 6 oktober 2018 @ 16:11:
[...]


misschien moet je even uitleggen wat je met wordpres reclames bedoeld, maar als je niet wilt dat er powered by wordpress op komt te staan moet je je website (en cms) zelfbouwen want voor zover mij bekend is de vernoeming een van de vereisten van van de software.
Ik bedoel de banner onderaan met "wordpress' en de melding boven in beeld met: "maak je eigen website met wordpress". Blijft dit als ik domein/hosting regel via vimexx?

Door Tweakers user Frozen, zaterdag 6 oktober 2018 19:41

BladeSlayer1000 schreef op vrijdag 5 oktober 2018 @ 12:14:
[...]


Er is degelijk wel een soort van header alleen de grote regel witruimte boven de navigatie is vreemd. Als ik kijk in de devtools, dan wordt het veroorzaakt door een position van absoluut en een top van 40px op de class .navbar.header-with-topbar

https://tweakers.net/ext/f/UrRSUyeXZUlTUWSPXjhzkOEZ/full.png

Echter zodra ik deze uitzet, wordt de navbar waarin de language en social media buttons staan verplaatst naar onder. Het is nogal eigenaardig gedrag want ik heb nu 9x de pagina ververst, en dan is hij er wel en dan niet. De beste manier hoe ik het heb kunnen reproduceren is door vanuit de homepage naar de guides pagina te gaan.
Je hebt gelijk, en dat komt precies door:
Element.style {
position: relative}
Op het moment dat ik die uitzet is het probleem opgelost! Echter lukt het me niet om dit te regelen in custom CSS. :( Ik zal dus gewoon een ander template kiezen voor die pagina, wat overigens ook geen probleem is. Nogmaals bedankt! :)
Joramk schreef op zaterdag 6 oktober 2018 @ 18:43:
[...]


Ik bedoel de banner onderaan met "wordpress' en de melding boven in beeld met: "maak je eigen website met wordpress". Blijft dit als ik domein/hosting regel via vimexx?
ZIe je dat op mijn website staan dan?

Door Tweakers user Joramk, zaterdag 6 oktober 2018 20:50

Frozen schreef op zaterdag 6 oktober 2018 @ 19:41:

[...]

ZIe je dat op mijn website staan dan?
Nee, vandaar mijn vraag of je een betaalde versie van Wordpress had of niet. Maar blijkbaar niet ;)

Door Tweakers user Frozen, zaterdag 6 oktober 2018 22:21

Joramk schreef op zaterdag 6 oktober 2018 @ 20:50:
[...]


Nee, vandaar mijn vraag of je een betaalde versie van Wordpress had of niet. Maar blijkbaar niet ;)
Je hebt het antwoord zelf al gegeven :)

Door Tweakers user Joramk, zondag 7 oktober 2018 12:37

Frozen schreef op zaterdag 6 oktober 2018 @ 22:21:
[...]

Je hebt het antwoord zelf al gegeven :)
Top! Dan ga ik denk ook maar eens met Wordpress aan de slag. Bedankt :)
Fijne zondag nog ;)

Door Tweakers user BladeSlayer1000, zondag 7 oktober 2018 19:20

Frozen schreef op zaterdag 6 oktober 2018 @ 19:41:
[...]

Je hebt gelijk, en dat komt precies door:
Element.style {
position: relative}
Op het moment dat ik die uitzet is het probleem opgelost! Echter lukt het me niet om dit te regelen in custom CSS. :( Ik zal dus gewoon een ander template kiezen voor die pagina, wat overigens ook geen probleem is. Nogmaals bedankt! :)
Graag gedaan, de position: relative was mij niet opgevallen!

Door Tweakers user siteoptimo, maandag 8 oktober 2018 08:56

i-chat schreef op zaterdag 6 oktober 2018 @ 16:11:
[...]want voor zover mij bekend is de vernoeming een van de vereisten van van de software.
Nope, Geen vereiste. WordPress (en afgeleiden zoals thema's en plugins) is overal GPL licensed en die vereist geen naamsvermelding.
Verder wordt hierboven overal Wordpress of wordpress geschreven, maar WordPress is met capitalized W en P.
Verder hoef je niet specifiek naar die gratis thema's kijken, je vindt er ook heel wat op Themeforest aan een veel lagere prijs dan de 200 euro die eerder genoemd werd met meer customisatiemogelijkheden.

Het vertraagd meescrollen van de bg is idd serieus irritant: beweging trekt aandacht en dat wil je niet als je de tekst op de voorgrond wil lezen. Contrast van witte tekst op geel is ook niet goed.

Succes Frozen!

Disclaimer: heb al ettelijk WP themes zelf geschreven vanaf scratch en geef professioneel gezien elke dag usability- en SEO advies voor websites.

Door Tweakers user codebeat, dinsdag 9 oktober 2018 16:59

Paar dingen die mij opvallen en storen:

Animatie:
Veel te veel (voelt ook gedateerd aan en leidt af) het is al een stuk beter als javascript uitzet. Het is geen gamesite ofzo, rustig kunnen lezen moet centraal staan. De animatie onderaan (carrousel) is over de top, is helemaal niet nodig. Hou het zo simpel mogelijk, plat dus en niet animeren. Doe de animaties (liever niet of zo min mogelijk) met CSS ipv javascript.

Pagina;
De pagina beweegt uit zichzelf als je onderaan de pagina bent. Dat zal wel een scriptje zijn. Het lettertype van de headers is lelijk, je zou eigenlijk hetzelfde font moeten gebruiken als in het logo bovenaan de pagina. Geel op wit is niet fijn, het past niet bij elkaar en leest niet fijn. Lijn de headers links uit ipv gecentreerd zodat het aansluit op de kolom eronder, dat is minder rommelig. Zorg ervoor dat je overal dezelfde spacing gebruikt tussen elementen, dat je lijnen kunt trekken en dat het klopt, dat de verhoudingen kloppen door units te gebruiken die steeds in dezelfde units vermenigvuldigen zodat geheel er evenwichtig uitziet.
De header/kop is zichtbaar onder het als je het menu uitklapt, dat is lelijk.

Logo:
Het logo spreekt mij niet aan, vind het geen serieus logo en vind het geel overbodig en past ook niet mooi op een witte achtergrond. Tevens zit er naast de duim een renderfout, het is niet mooi recht.

Javascript;
Als je javascript uitzet dan laden bepaalde delen (o.a. afbeeldingen) niet. Dat is op zich niet zo erg maar zorg er dan voor dat er geen frames te zien zijn waaruit blijkt dat er iets mist. Dit is heel makkelijk te doen door een class toe te voegen aan de body van de pagina met javascript, bijvoorbeeld 'js' en dan met css je de afbeelding wel of niet laat zien. Standaard staat het uit en met js staat het aan (visible).

Aanvragen en renderen:
De pagina doet er 15,2 seconden over om compleet te renderen, dat is echt vťťl te lang. Het blijkt ook dat de landpagina 159 requests nodig heeft, dat is, nou ja, niet goed. De pagina zelf heeft een rendertijd van 1104ms, dus de server heeft het heel erg druk. Nu heb je nog niet veel bezoekers dus daar moet je echt aandacht aan besteden. Om een voorbeeld te geven, redertijd van de landpagina van tweakers is 53ms met een totale laadtijd van 1.02 seconden. Zorg ervoor dat je onder de 4 seconden blijft, dat is okay. Beperk de requests door kleine bestanden te combineren zoals css en javascript en laadt afbeelding ondemand, bijvoorbeeld als de bezoeker scrolt. Beperk het aantal afbeeldingen en optimaliseer de afbeeldingen, bijvoorbeekd een grote afbeelding wordt nu klein afgebeeld. Daarnaast zie ik dat je geen cache headers gebruikt en ook geen e-tags dat ervoor zorgt dat alles iedere keer opnieuw wordt geladen. Dat is op een mobiel apparaat dramatisch en zorgt voor een grote server belasting.
Je kunt op deze site je site testen: https://gtmetrix.com en dan kun je meteen zien wat er allemaal mis is.

Tot zover dus, succes!

[Reactie gewijzigd op dinsdag 9 oktober 2018 17:07]


Door Tweakers user Frozen, woensdag 10 oktober 2018 01:47

codebeat schreef op dinsdag 9 oktober 2018 @ 16:59:
Paar dingen die mij opvallen en storen:

Animatie:
Veel te veel (voelt ook gedateerd aan en leidt af) het is al een stuk beter als javascript uitzet. Het is geen gamesite ofzo, rustig kunnen lezen moet centraal staan. De animatie onderaan (carrousel) is over de top, is helemaal niet nodig. Hou het zo simpel mogelijk, plat dus en niet animeren. Doe de animaties (liever niet of zo min mogelijk) met CSS ipv javascript.

Pagina;
De pagina beweegt uit zichzelf als je onderaan de pagina bent. Dat zal wel een scriptje zijn. Het lettertype van de headers is lelijk, je zou eigenlijk hetzelfde font moeten gebruiken als in het logo bovenaan de pagina. Geel op wit is niet fijn, het past niet bij elkaar en leest niet fijn. Lijn de headers links uit ipv gecentreerd zodat het aansluit op de kolom eronder, dat is minder rommelig. Zorg ervoor dat je overal dezelfde spacing gebruikt tussen elementen, dat je lijnen kunt trekken en dat het klopt, dat de verhoudingen kloppen door units te gebruiken die steeds in dezelfde units vermenigvuldigen zodat geheel er evenwichtig uitziet.
De header/kop is zichtbaar onder het als je het menu uitklapt, dat is lelijk.

Logo:
Het logo spreekt mij niet aan, vind het geen serieus logo en vind het geel overbodig en past ook niet mooi op een witte achtergrond. Tevens zit er naast de duim een renderfout, het is niet mooi recht.

Javascript;
Als je javascript uitzet dan laden bepaalde delen (o.a. afbeeldingen) niet. Dat is op zich niet zo erg maar zorg er dan voor dat er geen frames te zien zijn waaruit blijkt dat er iets mist. Dit is heel makkelijk te doen door een class toe te voegen aan de body van de pagina met javascript, bijvoorbeeld 'js' en dan met css je de afbeelding wel of niet laat zien. Standaard staat het uit en met js staat het aan (visible).

Aanvragen en renderen:
De pagina doet er 15,2 seconden over om compleet te renderen, dat is echt vťťl te lang. Het blijkt ook dat de landpagina 159 requests nodig heeft, dat is, nou ja, niet goed. De pagina zelf heeft een rendertijd van 1104ms, dus de server heeft het heel erg druk. Nu heb je nog niet veel bezoekers dus daar moet je echt aandacht aan besteden. Om een voorbeeld te geven, redertijd van de landpagina van tweakers is 53ms met een totale laadtijd van 1.02 seconden. Zorg ervoor dat je onder de 4 seconden blijft, dat is okay. Beperk de requests door kleine bestanden te combineren zoals css en javascript en laadt afbeelding ondemand, bijvoorbeeld als de bezoeker scrolt. Beperk het aantal afbeeldingen en optimaliseer de afbeeldingen, bijvoorbeekd een grote afbeelding wordt nu klein afgebeeld. Daarnaast zie ik dat je geen cache headers gebruikt en ook geen e-tags dat ervoor zorgt dat alles iedere keer opnieuw wordt geladen. Dat is op een mobiel apparaat dramatisch en zorgt voor een grote server belasting.
Je kunt op deze site je site testen: https://gtmetrix.com en dan kun je meteen zien wat er allemaal mis is.

Tot zover dus, succes!
Hoihoi,

Heel erg bedankt voor de feedback, ik ben er gelijk mee aan de slag gegaan. Het leek er gewoon op neer te komen dat de frontpage te langzaam was, dat kwam doordat ik Elementor draaide i.c.m. de frontpage zooi van mijn thema. Nu heb ik echter een volledig nieuwe homepage aangemaakt die alleen op elementor draait. Zou je de website nogmaals willen testen alsjeblieft?

Headers heb ik links laten uitlijnen, behalve het stuk vanaf "over-ons" dat is zegmaar "secundaire" informatie.

Over de header/kop i.c.m. het menu, dat weet ik. Echter weet ik niet hoe ik dat moet oplossen, zie:
https://wordpress.org/sup...place-logo-next-to-title/
https://wordpress.org/support/topic/remove-title-in-mobile/
Als je javascript uitzet dan laden bepaalde delen (o.a. afbeeldingen) niet. Dat is op zich niet zo erg maar zorg er dan voor dat er geen frames te zien zijn waaruit blijkt dat er iets mist. Dit is heel makkelijk te doen door een class toe te voegen aan de body van de pagina met javascript, bijvoorbeeld 'js' en dan met css je de afbeelding wel of niet laat zien. Standaard staat het uit en met js staat het aan (visible).
Wat bedoel je?

Als het goed is moet het aanvragen en renderen een stuk beter gaan nu! :)

Om te kunnen reageren moet je ingelogd zijn. Via deze link kun je inloggen als je al geregistreerd bent. Indien je nog geen account hebt kun je er hier ťťn aanmaken.