Skip to main content

diffrenece between Unused JavaScript and Ensure text remains visible during webfont load

 Haan, dono issues - "unused JavaScript" aur "Ensure text remains visible during webfont load" - alag-alag hain.

  1. Unused JavaScript: Is issue mein, aapke page mein JavaScript files hai jo load ho rahe hain lekin unka actual use nahi ho raha. Yeh files network activity mein bytes consume karte hain bina kisi kaam ke. Isse page load time aur performance pe asar hota hai. In cases mein, aap unn JavaScript files ko identify karke unka use check kar sakte hain aur agar unka use nahi hai to unko remove ya defer kar sakte hain, jisse unnecessary bytes consume hone se bacha ja sake.

  2. Ensure text remains visible during webfont load: Jab aap webfont ko load karte hain, kabhi-kabhi text temporarily invisible ho jata hai jab tak font fully load nahi ho jata. Yeh issue user experience ko affect karta hai, khaaskar jab pages slow internet connections par load hote hain. Isse bachne ke liye, font-display CSS property ka use hota hai jo text ko temporary fonts se display karta hai jab tak actual font load nahi hota. Isse text ko always visible rakha ja sakta hai, improving user experience during font loading.

Yeh dono issues alag hote hain aur unka solution bhi alag hota hai. Unused JavaScript ko remove ya defer karna performance improvement ke liye hota hai, jabki Ensure text remains visible during webfont load issue user experience improvement ke liye hota hai.

Labels:

Comments

Post a Comment

Popular posts from this blog

Buttons do not have an accessible name photo

 Buttons do not have an accessible name When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers.  Learn how to make buttons more accessible . Failing Elements div.centered > header.centered-top-container > div.centered-top > button.svg-icon-24-button <button class="svg-icon-24-button hamburger-menu flat-icon-button ripple"> body.version-1-3-3 > aside.sidebar-container > div.navigation > button.svg-icon-24-button <button class="svg-icon-24-button flat-icon-button ripple sidebar-back">
Post a Comment
Read more

web font ko repair karne ki technic

  Certainly! Here are different attributes or techniques used in web development and their functionalities: Swap Attribute (CSS Font Loading API) : Functionality : font-display: swap; is a CSS property used with @font-face rules. It tells the browser to use a fallback font until the custom font is downloaded, at which point it swaps to the custom font. Defer Attribute (Script Loading) : Functionality : The defer attribute in the script tag ( <script defer src="..."></script> ) tells the browser to download the script file while parsing the HTML document. It defers the script execution until the HTML parsing is complete. Async Attribute (Script Loading) : Functionality : Similar to defer , the async attribute ( <script async src="..."></script> ) also loads external scripts asynchronously while allowing the HTML parsing to continue. However, it doesn't guarantee the order of script execution, which could lead to different behavior comp...
Post a Comment
Read more