Jump to content

Welcome, Guest!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

  • entry
    1
  • comments
    6
  • views
    64

Deferred Images - Improve Page Loading Time

wakabayashi

131 views

I am not at all an expert on page load time. But nowdays modern browser show quite nicely, where the time is "spent" on. Often a website is slow, because of many requests. Every image (non cached) means a reqeuest to your server. This can have serious negative effects on your page load time. To deal with it, you can use "Lazy Loading" Plugins. Another way - which I like more - is to defer images. Yesterday I found the following article:

https://varvy.com/pagespeed/defer-images.html

IMO the artice is very easy to understand. If you want to implement it in your shop: You just need to adjust tpl files of your theme. The <script> part can be added in footer.tpl. The rest depends on what you want to achieve. As an example: https://www.spielezar.ch. The images on the footer (payment logo and facebook image) are loaded deferred. For the visitor there is no difference at all, as this images are not in the view when the page is loading. But the page just loads faster. :classic_rolleyes:

If you have any questions about it, feel free to ask!

  • Like 2


6 Comments


Recommended Comments

I get

"Refused to execute script from 'data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' because its MIME type ('image/png') is not executable."

Share this comment


Link to comment

I have no idea about this... Does this work? data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=

Share this comment


Link to comment

Same issue. It also messes with other scripts I have. I think I'll leave it alone

Share this comment


Link to comment

I am sorry I din't work out well for you. :classic_sad: It works quite good here. But you are right, there can be some issues with other scripts. I noticed that my filter module has problems, when it changes the content. 

Share this comment


Link to comment
Guest
You are commenting as a guest. If you have an account, please sign in.
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×