![]() ![]() When you open a new webpage, the browser takes a significant amount of time to load a web font as it needs to download its relevant font files first. What is a flash of invisible text (FOIT)?Ī flash of invisible text (FOIT) is a common term used to describe a phenomenon when web fonts are used on a webpage. Now that we know what this warning is about, let’s dive deep into a few related concepts that might help us understand it better and map the associated relations better. We should never make the visitor see a blank text screen and wait for the fonts to load on their system because this could lead to a poor end-user experience, and that is why Lighthouse marks this as something significant for the website developer/owner to resolve as soon as possible. The primary reason why the text should be unhidden during web font load is user experience. What that essentially means is that text should remain visible even if the web font has not loaded yet. It is a time-consuming process, and therefore, Lighthouse takes note of it and throws us this warning “Ensure text remains visible during webfont load”. It is a common issue nowadays because people often go after fancy or aesthetically pleasing fonts, and to do so, they use modern font libraries such as Font Awesome, Google Fonts, or Adobe Fonts, which unfortunately don’t exist on the visitor’s system, so they need to be downloaded from the internet first to be rendered on the webpage. This warning is a recommendation from Lighthouse to help you highlight the issue of lack of visibility of text on a webpage while the webpage is being loaded. If you are a developer or if you own a website, you might have come across this common warning while running a performance audit of the website on PageSpeed insights.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |