<?xml version="1.0" encoding="UTF-8" ?><!-- generator=Zoho Sites --><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><atom:link href="https://www.purple-banana.nl/articles/general/feed" rel="self" type="application/rss+xml"/><title>Purple Banana - Articles , General</title><description>Purple Banana - Articles , General</description><link>https://www.purple-banana.nl/articles/general</link><lastBuildDate>Tue, 10 Mar 2026 23:16:12 +0100</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[This simple hack makes your Pagespeed score so much better!]]></title><link>https://www.purple-banana.nl/articles/post/higher-pagespeed-score</link><description><![CDATA[<img align="left" hspace="5" src="https://www.purple-banana.nl/umbra989_banner_for_a_technical_site_about_google_1694531334309.png"/>Google gives your website a score based on a number of things such as the speed of loading. With Pagespeed from Google you can test how your website scores on the loading speed and therefore the user-friendliness.]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm__bXmDDdSQoy0Em6gfLrn-Q" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_d51YAD9hRt-fF9P2YgBmCA" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_4h6ZON8hTDK-BS6LAle08g" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_bLryoK34apWAusOMzWLFJw" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_bLryoK34apWAusOMzWLFJw"] .zpimage-container figure img { width: 1080px ; height: 308.57px ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_bLryoK34apWAusOMzWLFJw"] .zpimage-container figure img { width:723px ; height:206.57px ; } } @media (max-width: 767px) { [data-element-id="elm_bLryoK34apWAusOMzWLFJw"] .zpimage-container figure img { width:415px ; height:118.57px ; } } [data-element-id="elm_bLryoK34apWAusOMzWLFJw"].zpelem-image { border-radius:1px; } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-fallback-fit zpimage-mobile-fallback-fit hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/umbra989_banner_for_a_technical_site_about_google_1694531334309.png" width="415" height="118.57" loading="lazy" size="fit" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_lYH5AWxkTQC2QzMzZ61x0Q" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_lYH5AWxkTQC2QzMzZ61x0Q"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-center " data-editor="true"><div style="color:inherit;"><div style="text-align:left;"><span style="color:inherit;">Google gives your website a score based on a number of things such as the speed of loading. With Pagespeed from Google you can test how your website scores on the loading speed and therefore the user-friendliness.&nbsp;</span></div><div style="text-align:left;"><span style="color:inherit;"><br></span></div><div style="text-align:left;"><span style="color:inherit;">But where a beautiful website quickly scores well on a desktop, the score for mobile often lags very behind. And then you're left with an orange or red circle and a score below 50. But this is often easy to speed up.&nbsp;</span></div><div style="text-align:left;"><span style="color:inherit;"><br></span></div><div style="text-align:left;"><span style="color:inherit;">First, you need to make sure that the loading of all kinds of scripts such as Google Analytics, Cookie banners and other marketing tools or advertising scripts is done by Google Tag Manager. That gives you more control over which scripts are used and when they are loaded.</span><br></div></div></div>
</div><div data-element-id="elm_bnpRheDQ3UXoJxRAOtCFYQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_bnpRheDQ3UXoJxRAOtCFYQ"] .zpimage-container figure img { width: 1024px !important ; height: 238px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_bnpRheDQ3UXoJxRAOtCFYQ"] .zpimage-container figure img { width:1024px ; height:238px ; } } @media (max-width: 767px) { [data-element-id="elm_bnpRheDQ3UXoJxRAOtCFYQ"] .zpimage-container figure img { width:1024px ; height:238px ; } } [data-element-id="elm_bnpRheDQ3UXoJxRAOtCFYQ"].zpelem-image { border-radius:1px; } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/customtrigger-1024x238.png" width="1024" height="238" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_Sak0pDOUqdgOYejzcmSwOA" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_Sak0pDOUqdgOYejzcmSwOA"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><div style="color:inherit;"><span style="color:inherit;">Then you create a new trigger. In the picture above you can see that the trigger filters out a number of things, in this case 2 important things for a Wordpress website. But the Headless Visit is what matters. Create a new variable of type Custom Javascript Macro.</span><br></div></div>
</div><div data-element-id="elm_xm-9S7nPLVCAUVG1Il45BQ" data-element-type="image" class="zpelement zpelem-image "><style> @media (min-width: 992px) { [data-element-id="elm_xm-9S7nPLVCAUVG1Il45BQ"] .zpimage-container figure img { width: 1024px !important ; height: 158px !important ; } } @media (max-width: 991px) and (min-width: 768px) { [data-element-id="elm_xm-9S7nPLVCAUVG1Il45BQ"] .zpimage-container figure img { width:1024px ; height:158px ; } } @media (max-width: 767px) { [data-element-id="elm_xm-9S7nPLVCAUVG1Il45BQ"] .zpimage-container figure img { width:1024px ; height:158px ; } } [data-element-id="elm_xm-9S7nPLVCAUVG1Il45BQ"].zpelem-image { border-radius:1px; } </style><div data-caption-color="" data-size-tablet="" data-size-mobile="" data-align="center" data-tablet-image-separate="false" data-mobile-image-separate="false" class="zpimage-container zpimage-align-center zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original hb-lightbox " data-lightbox-options="
                type:fullscreen,
                theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-none " src="/customjavascriptmacro-1024x158.png" width="1024" height="158" loading="lazy" size="original" data-lightbox="true"/></picture></span></figure></div>
</div><div data-element-id="elm_zjTnQeGLmDqY_no4sDUCzw" data-element-type="text" class="zpelement zpelem-text "><style> [data-element-id="elm_zjTnQeGLmDqY_no4sDUCzw"].zpelem-text { border-radius:1px; } </style><div class="zptext zptext-align-left " data-editor="true"><div style="color:inherit;"><div><span style="color:inherit;">Then you can put a piece of Javascript code in it. There you put the following code:</span><br></div><br><div><span style="font-family:&quot;Courier New&quot;, monospace;">function(){</span></div><div><span style="font-family:&quot;Courier New&quot;, monospace;">&nbsp; &nbsp;if (window.screen.height - jQuery(window).height() === 0){</span></div><div><span style="font-family:&quot;Courier New&quot;, monospace;">&nbsp; &nbsp; &nbsp;return true;</span></div><div><span style="font-family:&quot;Courier New&quot;, monospace;">&nbsp; &nbsp;}else{</span></div><div><span style="font-family:&quot;Courier New&quot;, monospace;">&nbsp; &nbsp; &nbsp;return false;</span></div><div><span style="font-family:&quot;Courier New&quot;, monospace;">&nbsp; &nbsp;};</span></div><div><span style="font-family:&quot;Courier New&quot;, monospace;">}</span></div><div><br></div><div><span style="color:inherit;">Then add the variable as a filter in the trigger and you are rid of the bots that pass by your website but also of Pagespeed; it does not load all the scripts you need, which greatly increases the loading time, especially on Mobile. You will soon end up with a score of more than 70!</span><br></div></div></div>
</div><div data-element-id="elm_ioNiz39pSViV7vPPveJ3MA" data-element-type="button" class="zpelement zpelem-button "><style> [data-element-id="elm_ioNiz39pSViV7vPPveJ3MA"].zpelem-button{ border-radius:1px; } </style><div class="zpbutton-container zpbutton-align-center "><style type="text/css"></style><a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none " href="https://booking.purple-banana.nl" target="_blank" rel="nofollow noreferrer noopener"><span class="zpbutton-content">Wanna know more? Book a slot</span></a></div>
</div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 12 Sep 2023 16:48:32 +0200</pubDate></item></channel></rss>