{"id":1111,"date":"2023-04-04T13:06:44","date_gmt":"2023-04-04T11:06:44","guid":{"rendered":"https:\/\/www.smartmakerweb.com\/geen-onderdeel-van-een-categorie\/configuratie-enkele-basisdingen-die-je-moet-weten\/"},"modified":"2023-11-20T12:10:26","modified_gmt":"2023-11-20T11:10:26","slug":"configuratie-enkele-basisdingen-die-je-moet-weten","status":"publish","type":"post","link":"https:\/\/www.smartmakerweb.com\/nl\/aan-de-slag\/configuratie-enkele-basisdingen-die-je-moet-weten\/","title":{"rendered":"Configuratie – enkele basisdingen die je moet weten"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”Course Hero” _builder_version=”4.16″ custom_padding=”||||false|false” animation_style=”zoom” animation_intensity_zoom=”4%” locked=”off” global_colors_info=”{}”][et_pb_row use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” module_class=” et_pb_row_fullwidth” _builder_version=”4.23.1″ background_enable_color=”off” background_enable_image=”off” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_padding=”0px||0px|” animation_style=”slide” animation_direction=”top” animation_intensity_slide=”3%” hover_enabled=”0″ custom_width_px=”1280px” global_colors_info=”{}” sticky_enabled=”0″][et_pb_column type=”4_4″ _builder_version=”4.23.1″ background_color=”#ff7000″ background_enable_color=”off” custom_padding=”10%|8%|10%|8%” hover_enabled=”0″ global_colors_info=”{}” custom_padding__hover=”|||” sticky_enabled=”0″][et_pb_text _builder_version=”4.23.1″ text_font=”||||||||” text_font_size=”16px” text_line_height=”1.9em” header_font=”||||||||” header_2_font=”|||on|||||” locked=”off” global_colors_info=”{}” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

<\/span>Wat je moet weten over configuratie<\/span><\/span><\/h2>\n

Als eigenaar van een website moet je een aantal dingen weten over de configuratie van je website. <\/span>We moeten een aantal basisdingen in gedachten houden.<\/span><\/p>\n

\n

We zitten vast aan technologie terwijl we eigenlijk gewoon spullen willen die werken. – Douglas Adams (Auteur).<\/span><\/p>\n<\/blockquote>\n

 <\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.23.1″ custom_padding=”25.5938px|0px|25.5938px|0|false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_blurb title=”Configuratie – trage websites” url=”#” image=”https:\/\/www.smartmakerweb.com\/wp-content\/uploads\/2023\/04\/oh-hello.jpg” content_max_width=”1100px” image_icon_width_tablet=”” image_icon_width_phone=”64px” image_icon_width_last_edited=”on|phone” admin_label=”Chapter” module_id=”slow” _builder_version=”4.23.1″ header_level=”h3″ header_font=”||||||||” header_text_color=”#ff7000″ header_line_height=”1.5em” body_font_size=”16px” body_line_height=”1.9em” background_color=”#ffffff” custom_margin=”|||” custom_padding=”30px|40px|30px|40px” animation_style=”zoom” animation_direction=”bottom” animation_intensity_zoom=”20%” animation_starting_opacity=”100%” box_shadow_style=”preset2″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_blur=”60px” box_shadow_color=”rgba(71,74,182,0.12)” image_max_width_tablet=”” image_max_width_phone=”64px” image_max_width_last_edited=”on|phone” locked=”off” global_colors_info=”{}” hover_enabled=”0″ sticky_enabled=”0″]Een trage website is irritant, maar er kan veel aan worden gedaan. Zelfs door jou, zonder technische vaardigheden.<\/p>\n

\"\"Je houdt niet van langzame websites en de bezoekers van jouw website ook niet.<\/p>\n

Laten we beginnen met de basis. Begrijp ze gewoon en vraag degene die verantwoordelijk is voor je website om je de prestaties te laten zien. Hier zijn twee dingen om rekening mee te houden die een enorme invloed hebben op de (laad)snelheid van je website:<\/p>\n

<\/span>Cache van je website<\/span><\/h3>\n

Voor de webmaster (of webdesigner) zijn er veel tools die kunnen helpen bij het versnellen van de website. De belangrijkste is “caching”. Eenvoudig gezegd is caching het voorkomen dat elke keer dat een webpagina wordt geladen, alle<\/span> gegevens naar de server en de browser worden verzonden.<\/p>\n

Je kunt de snelheid zelf controleren <\/span>met een Chrome- of Firefox-browser. Klik gewoon met de rechtermuisknop ergens op een van je webpagina’s en je krijgt een schermpje te zien met de tekst “inspecteren”. Zodra je op “inspecteren” klikt, wordt de pagina geopend in een nieuw tabblad waar je in de linkerkolom nog steeds de pagina kunt zien en in de rechterkolom zie je allerlei tabbladen met tests. Kies “netwerk” en laad de pagina opnieuw met F5. Je ziet de cijfers en een waterval die de snelheid van alle onderdelen op je website laat zien.<\/p>\n

Wauw cool! Ok, gebruik nu weer “CTRL” plus de F5. Het verschil is dat de pagina laadt zonder caching, kijk naar de verschillen en het is gemakkelijk te vinden welk deel van de pagina invloed heeft op de snelheid. Meestal komt het door grote afbeeldingen of slechte plugins.<\/p>\n

Snelheid wordt steeds belangrijker voor je ranking in Google. Voer een aantal tests uit en als je niet tevreden bent, vraag dan degene die verantwoordelijk is voor je website om de prestaties af te stellen.<\/p>\n

<\/span>Content Delivery Network (CDN)<\/span><\/h3>\n

Wacht, dit klinkt technisch, maar het komt erop neer dat een kopie van jouw website op verschillende servers draait, verspreid over de hele wereld. Meestal is dit een betaalde dienst, maar als de bezoekers van je website van over de hele wereld komen, is dit een must have!<\/span><\/p>\n

Elke keer dat iemand een pagina van je website bezoekt, maakt de server waarmee ze verbonden zijn verbinding met de server waarop je website draait. Dit betekent dat als iemand in Europa een website in Zuid-Afrika bezoekt, er een vertraging is, latency genaamd. Dit kan seconden vertraging veroorzaken voordat de pagina is geladen en je website wordt als traag ervaren. Met CDN draait er een kopie in Europa zonder dat je daar iets voor hoeft te doen. Dankzij cloudtechnologie \"cool\"<\/p>\n

Als je meer wilt weten over het verbeteren van de snelheid van je website, is de onderstaande video misschien interessant.<\/p>\n

 [\/et_pb_blurb][et_pb_video src=”https:\/\/www.youtube.com\/watch?v=13jOMJhKISE&feature=youtu.be” _builder_version=”4.16″ global_colors_info=”{}”][\/et_pb_video][et_pb_blurb title=”Configuratie – niet genoeg geheugen” url=”#” image=”https:\/\/www.smartmakerweb.com\/wp-content\/uploads\/2023\/04\/memory.png” image_icon_width=”25%” content_max_width=”1100px” image_icon_width_tablet=”” image_icon_width_phone=”64px” image_icon_width_last_edited=”on|phone” admin_label=”Chapter” module_id=”memory” _builder_version=”4.23.1″ header_level=”h3″ header_font=”||||||||” header_text_color=”#ff7000″ header_line_height=”1.5em” body_font_size=”16px” body_line_height=”1.9em” background_color=”#ffffff” custom_margin=”|||” custom_padding=”30px|40px|30px|40px” animation_style=”zoom” animation_direction=”bottom” animation_intensity_zoom=”20%” animation_starting_opacity=”100%” box_shadow_style=”preset2″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_blur=”60px” box_shadow_color=”rgba(71,74,182,0.12)” image_max_width=”25%” image_max_width_tablet=”” image_max_width_phone=”64px” image_max_width_last_edited=”on|phone” locked=”off” global_colors_info=”{}” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Nee, niet jij. De server waar je website op draait, of om precies te zijn, dat deel van de server waar je website op draait<\/span>.<\/span><\/p>\n

Heb je je ooit afgevraagd waarom er zoveel relatief goedkope hostingproviders zijn? Dit wordt shared hosting genoemd. Een aantal websites draaien op dezelfde server. Je denkt leuk! Ja, zolang de andere websites die op dezelfde server draaien niet veel verkeer genereren. Hostingproviders houden overmatig gebruik wel in de gaten, maar niet constant gedurende de dag, dus als jij degene bent met die websites die video’s streamen, gaan je prestaties ook omlaag.<\/span><\/span><\/p>\n

Sommige hostingproviders zullen waarschijnlijk ontkennen dat er een probleem is of je website de schuld geven en je adviseren om een duurdere dienst af te sluiten, dus minder toegewijd.<\/p>\n

De enige uitweg is het meten van de prestaties. <\/span>We kunnen je helpen met een aantal tests.<\/p>\n

[\/et_pb_blurb][et_pb_blurb title=”Configuratie – grote afbeeldingen” url=”#” image=”https:\/\/www.smartmakerweb.com\/wp-content\/uploads\/2023\/04\/large-image.png” content_max_width=”1100px” image_icon_width_tablet=”” image_icon_width_phone=”64px” image_icon_width_last_edited=”on|phone” admin_label=”Chapter” module_id=”images” _builder_version=”4.23.1″ header_level=”h3″ header_font=”||||||||” header_text_color=”#ff7000″ header_line_height=”1.5em” body_font_size=”16px” body_line_height=”1.9em” background_color=”#ffffff” custom_margin=”|||” custom_padding=”30px|40px|30px|40px” animation_style=”zoom” animation_direction=”bottom” animation_intensity_zoom=”20%” animation_starting_opacity=”100%” box_shadow_style=”preset2″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_blur=”60px” box_shadow_color=”rgba(71,74,182,0.12)” image_max_width_tablet=”” image_max_width_phone=”64px” image_max_width_last_edited=”on|phone” locked=”off” global_colors_info=”{}” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

In het eerste deel heb ik al uitgelegd hoe je de paginasnelheid zelf kunt controleren door een goede browser zoals Google Chrome te gebruiken om de prestaties per pagina te meten.
Meestal worden er te veel afbeeldingen geladen of zijn de afbeeldingen te “zwaar”. Heavy staat voor grootte in bytes. Het is eenvoudig om afbeeldingen te verkleinen zonder dat je een grafisch ontwerper hoeft te raadplegen. Mensen houden niet van langzame websites! <\/span>
Er zijn veel hulpmiddelen om het formaat van afbeeldingen aan te passen. Hier is een lijst met herschalingstools voor Windows<\/a> en een tool voor de Mac<\/a>. Deze afbeeldingen moeten vervolgens opnieuw worden geladen op je website.<\/p>\n

[\/et_pb_blurb][et_pb_blurb title=”Configuratie – conflicterende software” url=”#” image=”https:\/\/www.smartmakerweb.com\/wp-content\/uploads\/2023\/04\/conflict.png” image_icon_width=”25%” content_max_width=”1100px” image_icon_width_tablet=”” image_icon_width_phone=”64px” image_icon_width_last_edited=”on|phone” admin_label=”Chapter” module_id=”software” _builder_version=”4.23.1″ header_level=”h3″ header_font=”||||||||” header_text_color=”#ff7000″ header_line_height=”1.5em” body_font_size=”16px” body_line_height=”1.9em” background_color=”#ffffff” custom_margin=”|||” custom_padding=”30px|40px|30px|40px” animation_style=”zoom” animation_direction=”bottom” animation_intensity_zoom=”20%” animation_starting_opacity=”100%” box_shadow_style=”preset2″ box_shadow_horizontal=”0px” box_shadow_vertical=”0px” box_shadow_blur=”60px” box_shadow_color=”rgba(71,74,182,0.12)” image_max_width=”25%” image_max_width_tablet=”” image_max_width_phone=”64px” image_max_width_last_edited=”on|phone” locked=”off” global_colors_info=”{}” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Dit is een lastige. Gewoon ter informatie en om te bespreken met degene die verantwoordelijk is voor je website.<\/span><\/p>\n

Ok, de meest gebruikte software om websites te bouwen zijn Open Source Systemen zoals WordPress, Joomla en Drupal, in die volgorde. Ze worden ook wel Content Management Systemen (CMS) genoemd.<\/p>\n

Het mooie van Open Source is dat iedereen de gebruikte code kan controleren, maar ook functionaliteit kan toevoegen, meestal plugins genoemd. Het probleem met plugins is dat er duizenden zijn! Iedereen met basiskennis van programmeren kan een plugin schrijven, maar niet iedereen met basiskennis van programmeren is een goede softwareontwikkelaar en daarom is het gebruik van plugins niet zonder risico. Ze maken je website kwetsbaar voor hacks.<\/p>\n

Een plugin gebruiken betekent een afhankelijkheid cre\u00ebren. Een afhankelijkheid van een stuk software van iemand die je niet kent.<\/p>\n

Sommige “out of the box” website sjablonen \/ thema’s worden geleverd met meer dan 10 ingebouwde plugins. Dat betekent veel afhankelijkheden of, in eenvoudige woorden, veel vingerwijzen als iets niet werkt.<\/p>\n

Vraag degene die verantwoordelijk is voor je website hoe plugins voor je website worden beheerd.<\/span><\/p>\n

We kunnen de plugins controleren die op je website worden gebruikt.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.23.1″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_cta title=”Ben je er klaar voor?” button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjE0MCJ9fQ==@” button_text=”Neem contact op!” _builder_version=”4.23.1″ header_font=”|||on|||||” header_font_size=”24px” header_line_height=”1.4em” body_font_size=”16″ body_line_height=”1.9em” use_background_color=”off” custom_button=”on” button_text_size=”18″ button_text_color=”#2ea3f2″ button_bg_color=”rgba(0,0,0,0)” button_border_width=”4px” button_border_color=”#ff7000″ button_border_radius=”20px” button_font=”Montserrat|||on|” button_use_icon=”off” background_layout=”light” custom_margin=”|||” custom_padding=”|||” animation_style=”fold” global_colors_info=”{}” button_text_size__hover_enabled=”off” button_text_color__hover=”#ff7000″ button_text_color__hover_enabled=”on|desktop” button_bg_color__hover=”rgba(0,0,0,0)” button_bg_color__hover_enabled=”on|hover” button_border_width__hover_enabled=”off” button_border_color__hover=”#2ea3f2″ button_border_color__hover_enabled=”on|hover” button_border_radius__hover=”20px” button_border_radius__hover_enabled=”on|hover” button_letter_spacing__hover=”2″ button_letter_spacing__hover_enabled=”on|desktop” hover_enabled=”0″ sticky_enabled=”0″ _dynamic_attributes=”button_url”]<\/p>\n

Let’s Get You Connected<\/p>\n

[\/et_pb_cta][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.23.1″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.23.1″ text_font=”|||on|||||” text_text_color=”#2b87da” text_font_size=”36px” text_orientation=”center” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

<\/span>Meer in deze categorie<\/span><\/h2>\n

[\/et_pb_text][et_pb_blog fullwidth=”off” include_categories=”current” show_more=”on” show_author=”off” show_date=”off” show_categories=”off” show_pagination=”off” _builder_version=”4.23.1″ header_font=”|||||on|||” read_more_font=”||||on||||” read_more_text_color=”#ff7000″ custom_css_title=”display: inline-block;” custom_css_featured_image=”||” global_colors_info=”{}” header_level=”h3″ hover_enabled=”0″ sticky_enabled=”0″][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n