Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by scope_2 Lazy loading enhances web portal speed by loading images, videos, or components only when needed. Add loading="lazy" to <img> and <iframe> tags for simple use. For advanced control, use libraries like Lozad.js or lazysizes. In frameworks like React, use React.lazy() and <Suspense>. Avoid lazy loading above-the-fold … Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development 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. How can on-page SEO services improve your search engine rankings? Digital Media Digital Marketing by Viacon_ 1. Optimize Title and Meta Tags 2. Improve keyword usage 3. Enhance content quality 4. Boost Internal linking 5. Speed up page load time 6. Ensure mobile responsivness 7. Adds schema Markup 8. Improve the URL structure 9. Reduces Bounce Rate 10. Increase crawlibility Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development 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 Programming Web Development by Dani … attributes on `<script>` HTML tags, so that they load external Javascript files asynchronously without blocking the parsing and rendering…t do everything within your power to make your site load as fast as possible, then focus on the user …An example of that is to use AJAX techniques to load portions of the webpage, that might be a little more… Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by jkon … now: Your JavaScript should do only three things: 1. Lazy load everything that is not ATF, allowing some space to… load before appearing on screen (e.g., rootMargin: "0px 0px … this is out of scope. 3. Load the app's JS files (which will then load the non-critical CSS files) after… Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by jkon … Chromium browser with Network > Disable Cache in both , load the pages in Desktop , being sure that there is a…: [Click Here](https://ej-kon.github.io/tests/lazy-load/intersection-observer.html) And the version with loading="lazy…: [Click Here](https://ej-kon.github.io/tests/lazy-load/loading-lazy.html) I have a theory of why this… Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by jkon … the other hand, Firefox has the policy of starting to load the image when it is "about to become visible… tests, so that makes sense because the browser has to load a lot more images from the beginning. Also, using IntersectionObserver… How to Implement Lazy Loading for Faster Web Portals Programming Web Development 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 Programming Web Development by gediminas.bukauskas.7 …: create collection of bundles. Switch on JavaScript type=module and load software under the demand. Use W3C CSS instead of nice… Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by Dani Speed index should also not be affected at all by using it. Speed index measure how long it takes to load the first screen of content of a webpage. That means that if you’re using it only for content below the fold, speed index should never be affected. Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by Dani … prefetch our URL on the Google SERPS pages, so they load faster if a searcher clicks through to DaniWeb. This is… Re: Show selected option id Programming Web Development by Mr.M … to mention, the site is a one page that dynamically load elements without refreshing. So thanks to everyone commenting but I… Re: How would we poison AI web crawls? Hardware and Software Information Security by Reverend Jim … you price and design a site for an expected human load, and then you get overwhelmed by bots, you can throw… Re: How would we poison AI web crawls? Hardware and Software Information Security by Dani … you price and design a site for an expected human load, and then you get overwhelmed by bots, you can throw… Re: Ensuring data consistency and integrity Hardware and Software Cloud-based Apps by Dani Good question. We have multiple web servers that are load balanced, and only 2 database servers in a master/slave … Re: Upgrade to Fiber internet Hardware and Software Networking by Reverend Jim … send the data, and that also depends on the current load on the server. Re: How to connect to the Pinterest API using PHP? Programming Web Development by Dani …. For example, your goal is for your end-user to load up your app, and have access to *their* Pinterest account… Re: Upgrade to Fiber internet Hardware and Software Networking by Dani … send the data, and that also depends on the current load on the server. The most meaningful difference, compared to what… Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by Dani > The loading="lazy" HTML attribute-value pair was introduced in 2019–2020, so I would guess it will be safe to use after 2030–2035, except if you don't care about internet visitors and are targeting an intranet of a company where you control the browsers and their versions. According to [Can I Use](https://caniuse.com/?search=… Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by jkon Dani, in my small software company (we are only five people), we have a rule for the web: support it until the problem affects less than 1 in 200 users, or 0.5%. We waited 10 years for Internet Explorer to reach this threshold, and finally, in 2025, we no longer program new web apps to support Internet Explorer. This is a liberating moment for … Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development 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 Programming Web Development 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 Programming Web Development 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 Programming Web Development by Dani I think perhaps we are misunderstanding each other. Of course, it's important to not introduce any breaking functionality for any percentage of users. However, what is the harm in adding `loading="lazy"` to an existing web app? 96% of users will experience a performance improvement. The other 4% of users will have no negative … Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development 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 Programming Web Development by jkon Yes I couldn't get the CLS impact either. I understand the "speed index" SEO impact of using loading="lazy" (that in my mind make it not usable) vs using IntersectionObserver but not the CLS. I created one more test that now it looks like the the speed index impact is there , but the CLS impact is negligible (now I see a really … Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development 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 … Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by Dani I would like to confirm that the JS version is giving me an LCP of 0.2s and the `loading="lazy"` version is giving me an LCP of 1.1s, so certainly a huge difference there. FCP, total blocking time, CLS (0), and speed index (0.2s) scores are the same for both. I admit that, at first glance, I'm not understanding why the LCP is so long … Re: How to Implement Lazy Loading for Faster Web Portals Programming Web Development by Dani Actually, I take it back. I assume that, using Chrome on a fast Internet connection, and a super high screen resolution, none of the images are actually being lazy loaded.