icons & background image load slowly

[gasment]

Description

I noticed that in the most recent version,the icons and background image load slowly（It's more serious in Safari）.I have tried the source & docker version，same issus.Browser console output a info like "[Intervention]Images loaded lazily and replaced with placeholders. Load events are deferred.‘’，it that the "loaded lazily" function?can i true it off? pls help

homepage version

0.8.9

Installation method

Source

Configuration

No response

Container Logs

No response

Browser Logs

[Intervention]Images loaded lazily and replaced with placeholders. Load events are deferred.

Troubleshooting

no info

[glime-ai[bot]]

Thanks for posting a discussion about homepage here on GitHub. Homepage now uses a fancy new AI tool thanks to our friends at Glime, so the answer below is the AI bot's attempt to answer your question. If you feel it's sufficient you can mark the answer and close this post, otherwise feel free to leave it open of course!

Thanks for using Homepage! ❤️

---

Based on the information provided, it seems that you are experiencing slow loading of icons and background images on the Homepage application, particularly in Safari, and you have noticed a browser console message related to lazy loading of images.

Lazy loading is a technique that defers the loading of non-critical resources at page load time, instead loading them at the moment they are needed. This can improve the performance of the page load times, but it may also result in a perceived delay in loading images if not implemented optimally.

To address this issue, you can try the following steps:

1. Check if there is an option in the Homepage application settings to disable lazy loading. This might not be directly mentioned in the documentation, but you can look for any settings related to image loading or performance optimizations.

2. If there is no such option available in the application settings, you may need to modify the application code to disable lazy loading. This would require knowledge of the codebase and how images are handled within the application.

3. Ensure that your images are optimized for the web. Large image files can take longer to load, even with lazy loading enabled. Use image compression tools to reduce the file size without significantly impacting quality.

4. Check your network performance. Sometimes, slow loading can be related to network issues rather than the application itself.

5. Since you mentioned that the issue is more serious in Safari, it's worth checking if there are any browser-specific optimizations or known issues with Safari and lazy loading that you can address.

If you are not comfortable making code changes or if the issue persists, you may want to reach out to the Homepage community for support. You can use the 'Ask AI' button on any page in the Homepage docs, open a GitHub discussion, or check out the #ai-support channel on Discord for further assistance.

Unfortunately, without direct access to the application settings or code, I cannot provide a specific solution to disable lazy loading. If you need further assistance, please provide more details about the application configuration or any specific settings you have access to.

This comment was generated by Glime.

[shamoon]

Im not aware of anything in our last version that would affect this, nor is it something Im seeing (in safari or otherwise). Perhaps a dependency update could be related but I sorta doubt that. I would look at your network, reverse proxy etc first

[gasment]

no proxy & no wan access，just local ip:3000，and i can see a parameter about the lazy load in the web source code

i will try the old version next

[shamoon]

Yes nextjs defaults to lazy loading images but I’m saying I don’t think that changed

[gasment]

i had tried some old version,it is the same issus.but i seem to find out the reason.I have 3 synology diskstation widgets,when two of them offine，will cause the icons loading problem.it doesn't make slow in PC browser but serious in IOS17.4(alook & safari,Android is fine like PC)

[github-actions[bot]]

This discussion has been automatically closed due to inactivity. See our contributing guidelines for more details.