Search DaniWeb - loading

Re: How to speed up my (WordPress) website? 5 Days Ago by graceweb One thing I’ve noticed that helps maintain speed without breaking things is being careful with how many plugins you install. Sometimes even just one poorly optimized plugin can slow things down. Also, consider lazy loading videos and iframes if you haven’t already. Re: Custom font on Cloudflare error page 3 Days Ago by JackRyan248 … issue with how Cloudflare is handling the font conversion or loading process; checking the CSS or cache settings might help resolve… Re: How to Implement Lazy Loading for Faster Web Portals 2 Weeks Ago by scope_2 …, videos, or components only when needed. Add loading="lazy" to <img> and <iframe&… React, use React.lazy() and <Suspense>. Avoid lazy loading above-the-fold content. Combined with caching and CDNs, lazy… Re: How to Implement Lazy Loading for Faster Web Portals 2 Weeks Ago by gediminas.bukauskas.7 Here is a problem: Blazor WEB application working in SSR mode performs partial update of the page after posting. JS initialization does not work in this case. It is difficult to find correct event for performing JS operations. What tools or tweaks improved your outreach and link-building efforts? 3 Weeks Ago by malliecorey … on-page SEO is solid—optimized titles, internal links, fast loading speed—and support it with consistent, high-quality content. For… Re: Cannot run exe from asp.net 2 Weeks Ago by Neil_brown001 … be an HTML/CSS issue, or the file isn’t loading. Make sure the app is being served correctly and the… Re: Looking for AI app developers 2 Weeks Ago by KamalDeepPareek … about your SDK—especially things like: How customizable will model loading and inference be? What platforms will it support first (Android… Re: Cannot run exe from asp.net 2 Weeks Ago by lennyli … be an HTML/CSS issue, or the file isn’t loading. > > Make sure the app is being served correctly… Re: Any jQuery 4 users? 2 Weeks Ago by gediminas.bukauskas.7 Every additional JS library slows down loading of the site. I haven't used jQuery for a long time, so I would like to know: does the new jQuery have something that can't be done with the DOM API and CSS? Re: What tools or tweaks improved your outreach and link-building efforts? 3 Weeks Ago by Salem 6 to 12 months is a long time to wait to figure out whether your "seo expert" is genuine, or a fly-by-night cowboy who's already vanished with the cash without producing a result. How do you tackle this? Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon …it. Browsers have different distance from viewport thresholds for loading="lazy" images. For example, Chromium-…https://web.dev/articles/browser-level-image-lazy-loading#:~:text=On%20fast%20connections%20(4G)%2C,by%…beginning. Also, using IntersectionObserver in JavaScript for lazy loading allows you to create your own policies for … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon … you control the browsers and their versions. Of course, lazy loading impacts SEO. Modern SEO has more to do with how… how it performs. That means you shouldn't use lazy loading ATF (above the fold) in most cases. I wrote "… message it conveys. If you want an example of lazy loading in the embedded JavaScript for the first web page view… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon …ATF. But because in Lighthouse I kept getting that loading="lazy" method had worse "Speed … selecting "Desktop". The version with lazy loading through JS IntersectionObserver is in: [Click Here](https://…lazy-load/intersection-observer.html) And the version with loading="lazy" is in: [Click Here](https… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon …browsers have a really high distance from viewport threshold, loading many images simultaneously upon page entry, while Firefox …user experience is awful. My theory as to why loading="lazy" results are worse in Lighthouse metrics… ran this test reported worse Lighthouse metrics for the loading="lazy" version. It's always fun … How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by KamalDeepPareek How can lazy loading improve web portal performance by reducing initial load times and optimizing resource usage? What are the best techniques to implement lazy loading in images, components, and data fetching using JavaScript frameworks like React, Vue, and Angular? How does lazy loading impact SEO and user experience? Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani > The loading="lazy" HTML attribute-value pair was introduced in … versions. According to [Can I Use](https://caniuse.com/?search=loading%3D%22lazy%22) the attribute currently works for over 96… do anything. > That means you shouldn't use lazy loading ATF (above the fold) in most cases. I would agree… Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by Dani … evolve naturally, and what started as a topic about lazy loading evolved into a topic about everything that could be done… to improve page loading times. However, I do agree that this information might all… instead of buried on the 2nd page of a lazy loading thread. Oh well. :-/ Re: How to Implement Lazy Loading for Faster Web Portals 1 Month Ago by Pelorus_1 By loading images and content only when necessary, lazy loading speeds up web portals. Implement JavaScript or frameworks like React with dynamic imports, and use loading="lazy" for images. Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani Hello, The easiest way to implement image lazy loading is by simply adding the `loading="lazy"` HTML attribute to `<img… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon … on those because it was a rational decision.) Saying that loading="lazy" will be production-ready without any additional… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani … percentage of users. However, what is the harm in adding `loading="lazy"` to an existing web app? 96% of… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani I guess I don't understand why implementing `loading="lazy"` will hurt the CLS if you're only doing it for images below the fold, and always specifying image dimensions (which would ensure to never affect CLS at all)? Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon … understand the "speed index" SEO impact of using loading="lazy" (that in my mind make it not… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani … is giving me an LCP of 0.2s and the `loading="lazy"` version is giving me an LCP of… Re: How does Lazy Loading differ from traditional loading techniques? 2 Months Ago by Salem How about engaging with the responders on your other thread with basically the same topic? https://www.daniweb.com/programming/web-development/threads/543080/how-to-implement-lazy-loading-for-faster-web-portals Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani The reason why I disagree with you is because I do not see a reason to not use a performance optimization that will benefit 96% of web users, and degrade gracefully and cause absolutely no side-effects for the remaining 4%. What is the harm in using it in production *now*? I especially disagree with you because this is a performance optimization… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani > On "Can I Use," IE was supposedly "dead" in 2013 I'm not sure what you mean by that? I see it saying that IE is still in use by 0.4% of web users. It is up to *you* to determine if that is an acceptable loss. I don't think they make that determination for you because, as pointed out in my previous post, a performance … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon In reality, the usage of IE is lower than 0.4%. In some categories of web apps, it's around 0.1%, while in others, it's about 0.2%. That is why we decided to stop supporting IE from 01/01/2025. If it were above 0.5%, you shouldn’t even consider introducing something without first testing it in Internet Explorer. I can't understand how any app can … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by gediminas.bukauskas.7 First, you need to reduce radically the usage of JS and CSS. I don't know about React, but Angular is clearly too big. Pack loadable items into bundles and don't use one huge bundle: create collection of bundles. Switch on JavaScript type=module and load software under the demand. Use W3C CSS instead of nice but large CSS frameworks. Avoid WASM: it… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani Even if using it above the fold, as long as you specify image dimensions, there should never be a CLS impact. CLS measures needing to reposition elements on the page as it loads or due to user interaction. As long as the spot for the image is carved out from the very beginning, even if the image loads much later, no other element on the page …