In order to meet the stopwatch, we did not optimize the site. We are optimizing the website for the actual people. So how do you make sure your goals are being met? To measure the performance of a site from the perspective of users, the performance evaluation must include measurement items, such as first contentative paint and first meaningful paint. Both can optimize the content that can actually improve the user experience by understanding in detail how the site actually works. This post focuses on how to reduce the time required for WordPress sites to load content, thereby reducing the time required for first content paint and first meaningful paint, and improving Google pagespeed. Insight earned points in the process. The
What is FCP (first content paint)? First content paint (FCP) is a performance measure that measures the time that elapses before a browser starts displaying the first element of a site. Usually, the first content painting element of WordPress is the title element, so visitors will first see the site logo or navigation menu. The following is an example of first contentative paint. Waiting for content to display. The first content is important because it gives visitors feedback on the ongoing request. How many times have you clicked a link or button because nothing happened? FCP’s task is: \
What does the first meaningful paint mean? The first meaningful paint is when good things are actually loaded. When the content the user is looking for appears on the page, it is called the first meaningful paint. The example of the first meaningful picture, hero image and introduction text are loaded and can be read. However, if you scroll down directly, you will see that the page loading is not completed, and the image is still lost. But who cares? Users may not scroll that fast, but start reading while the rest of the page is loaded. Visitors visit the site not to view logos and navigation menus, but for content, so content provides more value to visitors. The first meaningful paint is one of the most important indicators, which evaluates the time visitors wait to get information about the visited site. The first meaningful painting also includes the time required to load web fonts, since rendering content is required. The
The most valuable content element on a web page is considered a hero element. This is different from every site, but it is not difficult to determine what is the most valuable part of the page. The most important element in YouTube’s video page is video. In social networks, the first post on the timeline that can be viewed without scrolling is the most important. For a blog, the body of the blog post and the recommended image (if displayed in the part where you can view the blog content without scrolling) are the first things visitors see, so this is the most important. Other content, such as images, can be deferred until visitors need it. The
Using Google pagespeed insights, find the first content paint and the first meaningful paint. First content paint and first meaningful paint are user-centered performance measures. Google offers incentives for websites that rank higher in search and provide a better user experience. Googl
E. site owners are encouraged to optimize the site for users, so FCP and FMP are the two measurement items measured by Google pagespeed insights. The
You can also view the timeline displayed when the website is loaded. Can you know what is the first satisfactory and meaningful paint? Since november2018, Google pagespeed insights has used an open-source tool called lighthouse to simulate the way sites are loaded to visitors. Lighthouse returns six measurement items that plot rich images of site performance in the lab data section. The paint speed index of the first content interactive time the first meaningful paint the first CPU idle estimated input delay the first content paint and the first meaningful paint are time-based measures measured in seconds. Both FMP and FCP must be less than 1 second to get a score that Google considers favorable. The
In order to reduce the painting time of WordPress website and improve the pagespeed insights score, the five suggestions of running Google pagespeed insights will provide us with customized suggestions on website modification methods. Running tests is the best way to check for site deficiencies. The following five suggestions are our direct suggestions for all websites, including how to improve the first meaningful paint and how to improve the paint containing the first content. For the first four suggestions, our goal is to improve first content paint by reducing the time required to resources and removing obstacles that prevent browsers from registering DOM content. The last suggestion is to improve the first meaningful paint. The
We would like to introduce some technical details, but if you want a simple solution, hummingbird may be helpful. Use hummingbird Pro for free and see how the site differs. Version 3.0 will now be available to members with a new scanner that includes lighthouse recommendations. The paint containing content, meaningful paint and one click modification are now included in hummingbird pro. And WordPress Org hummingbird free users are expected to see the new scanner around next week. Or upgrade to pro, get it now;) The
1. \
If possible, the best way to optimize page speed is to completely remove resources that are preventing rendering. If they don’t trigger joy, goodbye… 2. The \
We recently compared hummingbird with other popular caching plug-ins, and Hummingbird has been optimized. 3. the \
