Search DaniWeb - components

Handling Real-Time DOM Sync in SSR React App with Dynamic Nested Routes 3 Weeks Ago by Neil_brown001 … (Next.js) with dynamic nested routes where components at multiple levels depend on both initial server…lifecycle cause duplicated renders or outdated state in components that re-mount when switching routes. How … atomic reactivity and state consistency across nested layouts/components when: Server-rendered state initializes the component. … What are some underrated React JS best practices? 3 Weeks Ago by James_228 … useCallback() smartly (but not overusing) Breaking components into smaller reusable ones Lazy loading routes and components But I’d love to know… often in junior dev codebases? Have you used React Server Components or Signals yet? Share your tips, tools, or even code… Re: How to Implement Lazy Loading for Faster Web Portals 1 Week Ago by scope_2 … loading enhances web portal speed by loading images, videos, or components only when needed. Add loading="lazy" to <… Re: Looking for an developer-Friendly Admin Template 3 Weeks Ago by Pelorus_1 Consider admin templates with clean code, easy customization, and robust documentation if you're looking for developer-friendly templates. Save time and increase productivity by using templates with modular components and built-in UI elements. Re: How to Implement Lazy Loading for Faster Web Portals 3 Weeks 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 1 Week 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 are the key components of ServiceNow Managed Services? 1 Month Ago by Suheb What are the key components of ServiceNow Managed Services? Re: What are the key components of ServiceNow Managed Services? 1 Month Ago by Salem https://duckduckgo.com/?q=key+components+of+ServiceNow+Managed+Services&t=newext&atb=v296-1&ia=web That'll be $2M, thanks. ArkTS - McCharts 1 Month Ago by 杨_659 …I’ll outline the current status of the components and share future plans for ArkTS-related content…. --- ### **Component Progress** - **Completed components**: Line charts, bar charts, pie charts, scatter plots…for code hosting (mainstream and reliable). Completed components are managed via **OpenHarmony’s Third-Party … 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 gediminas.bukauskas.7 … DOM manipulations faster and requires much less resources. Consider WEB components in client-side programming. McCharts - ArkTS 1 Month Ago by 杨_659 … public properties as dynamic parameters to facilitate information transmission between components. Let's explain the functions of the five public properties… 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>` image tags. That will not load the image until it is about to come into view in the web browser as the user scrolls down the page. Something else that we do here at DaniWeb is to use the `async` and `defer`… Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon 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. Of course, lazy loading impacts SEO. Modern SEO has more to do … 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 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 2 Months Ago 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 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 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 2 Months Ago by jkon > 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 consequences, and everything will be exactly the same for them. That 4% will not lose any functionality. That 4% will not experience any UI/UX consequences or … 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 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 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 … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago 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 2 Months Ago by jkon Dani as you wrote "Speed index" is supposed to be about the visible part of a web page - ATF. But because in Lighthouse I kept getting that loading="lazy" method had worse "Speed index" I created two simplified html pages for test. I gave a lot of height of what "Above the fold" is supposed to be , 940px … Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago 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 2 Months Ago 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. Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by Dani Sorry. I’ve just been really exhausted all day. It just clicked that LCP is only for ATF. Soooo, yeah, I don’t know what’s going on there. Re: How to Implement Lazy Loading for Faster Web Portals 2 Months Ago by jkon As I wrote in a previous post, I believe that the way loading="lazy" is being implemented in browsers makes it almost unusable. Chromium-based browsers have a really high distance from viewport threshold, loading many images simultaneously upon page entry, while Firefox has a really low threshold, which means the user experience is awful.…