While Duda wishes every website we run would always rank high, it’s not something we can promise. This is because our customers can add their own code, content and designs to the website, so we don’t have full control over what they can or can’t add. For this reason, there are some scenarios in which Duda websites will not score in the high 90s.
Below is a list of errors/issues we see Google PageSpeed reporting to us and solutions for fixing them.
Render-Blocking JavaScript and CSS in Above-the-fold Content
If you place a map element at the top of your website, a store front above the fold, custom code/script in the header, or embed a custom iframe into a Duda website above the fold.
Solution
- Move the map element to the bottom of the page
- Move the store element lower on the page
Add an image and helpful text above the store element, so that the store itself is not in the "above the fold" area of the website.
- Place the code in the body-end.html file or make sure the script is loaded asynchronously (see Note below)
To enable async on scripts, alter it as follows:
Old Code: <script src=”https://example.com/script.js”></script>
New Async Code: <script src=”https://example.com/script.js” async defer></script>
- Move embedded iframe lower down the page or remove it completely.
Images not Optimized
Images may not be optimized due to size or file type, which can negatively impact page speed.
Solution
- Duda’s image optimization works only on JPG & PNG images. If you are uploading a TIFF, GIF, or other image formats, Duda might not be able to optimize it. If this is the case, we recommend running the image through an image optimization service, such as EzGif, Compressor.io or TinyPNG.
- Resize large images by downloading, resizing in photo editing software, and re-uploading
While Duda optimizes images to make sure they're compressed at a smaller size, Duda doesn't actually resize your image for you in the desktop version of your site. In these cases, you will need to resize in photo editing software and re-upload.
Third Party Website Not Leveraging Browser Cashing
If you include custom code in your website, it will often load from a 3rd party website. If this website does not enable caching, then Google will find this and recommend enabling browser caching.
Solution
You should contact that 3rd party service to get them to implement this change on their server.
Page Too Large
If you have a lot of content on one page, it can load slowly even after we run the optimization tool on your site.
Solution
Consider using less images or dividing up your content and moving to other pages.
There are issues reported by Google that cannot be fixed and must be processed as feature requests through Duda.
- Leverage browser caching
- Minify HTML / CSS / JS
- Optimize CSS delivery
Cases Where Duda Does not Optimize the Site
There are a few cases where Duda does not attempt to optimize the website upon publish. If you have placed custom code that uses jQuery (($(‘#ex’)) or the Duda JS API: dmAPI.runOnReady(‘code’,function(){}); into the header of the website. The reason we do this is because this code often requires jQuery or the dmAPI functions to exist, but because our optimization moves this code lower on the page, it will no longer work and thus break the code that’s been installed.