Original title: Is your website PSI score good? How to improve?
The website's architecture score (PSI) will affect SEO's keyword ranking. A high PSI score means that the website's architecture meets Google's standards, while a low score means that the website's architecture is poor and does not meet Google's standards. Google proposed the latest SEO index, Page Experience V6, on May 28, 2020, mainly to remind web design companies that they should place the main axis of web design on "user experience (UX)". Items that may lead to poor experience should be avoided, and only website adjustment can improve PSI scores. Here are some website optimizations to improve Google PageSpeed Insights (PSI) Fraction method.
Extended reading: UX and UI web design: what's the difference, which is more important?
Test the website score first: Google PSI
What is PSI?
Google PageSpeed Insights, or PSI for short, is a tool provided by Google for website managers to detect website architecture. After detection, the score ranges from 0 to 100, with red characters being poor (0 to 49), orange characters being medium (50 to 89), and green characters being excellent (90 to 100). SEO ranking should be at least 80 points. The latest PSI indicator is aimed at "user experience" As a basis for scoring, indicators include Largest Contentful Paint (LCP) maximum content drawing, Cumulative Layout Shift (CLS) cumulative layout configuration transfer, First Input Delay (FID) first input delay, and Total Blocking Time (TBT) total blocking time, all of which are aimed at website experience, as long as "website is slow", "efficiency is low", and "user experience is poor" All will get low scores, and poor SEO optimization results will definitely affect the website ranking.
Google tests SEO optimization tool: Google PageSpeed Insights
Method 1: Do not play movies on the home page
The first method of website optimization is "Don't play videos on the home page". The home page is the first page for users to come in. Many people like to embed videos on the home page, and videos become the culprit of home page drag. If it is unnecessary, it is recommended to put videos on other pages, product pages if it is product videos, and about us if it is company profile videos, If it is a report film, put it in the latest news. The website may be slow to load and users may quit before the videos are played. The first way to optimize the website is to "do not play videos on the home page". In particular, third-party videos can be replaced by pictures with links.
Extended reading: Comprehensive Guide to Website Speed Optimization in 2020
Method 2: Compress and control the number of pictures
Website images are one of the reasons for slowing down the website. For example, the number of large images on the home page should not exceed three. In fact, 90% of the large images on the home page are clicked on the first three pages, and no one is watching the fourth one. The image size must be correct first, and then the image should be compressed under the same size to the smallest file that cannot be seen by the naked eye and is acceptable, The same picture is 1280 wide. The original picture should be at least 300K below 100K. The number of pictures should not be too small. For example, the length of the home page and the amount of data should be controlled, and too many pictures should not be allowed to go. These are all factors that affect PSI scores. Miniatures and controlling the amount of pictures are very important for website optimization. You can get good speed if you try to do so.
Compress Picture Tool: TinyPng
Method 3: Remove redundant code and effects
The website attaches importance to image and content, but it does not necessarily need these redundant drag animation effects. These animation effects cannot help you bring orders. The redundant animation effects will only slow down the website, affect PSI scores, and do not use the code effect of slow loading pictures. Although it is suitable for the manual browsing mode, it affects the overall speed of the website. The effect of popping out of the reminder window on the home page is also one of the reasons for the website dragging. It is recommended not to use it. Third party programs that are not used should also be removed. For example, only one set of tools to monitor website traffic should be installed. Don't install a lot of statistical codes. Third party programs that are not used should be removed. These will affect the website PSI score. The third website optimization method is to "remove redundant code".
Method 4: Do not use Wordpress
Many websites are designed with Wordpress, and Wordpress is also easy to install. It is usually free or available at a very low price. However, the Wordpress architecture is not suitable for website optimization because it is tied with too many modular programs, and the programs are too fat. There is no need to debate. You can test the Wordpress website with Google's website testing tool (PSI), The score tells us that Wordpress is not a website architecture suitable for optimization. Even if it has convenient SEO plug-ins and image optimization tools, if you still want to use Wordpress, you should carefully select templates and do a good job of tuning. If the web design company does not have the ability to adjust Wordpress to a medium score, you really should not force it, Don't use Wordpress, which is the fourth website optimization method.
Extended reading: Six reasons why WordPress is not recommended
What is WordPress?
WordPress is a free open source website system. Its main architecture is in the blog format. It can download files freely to set up websites and can plug in various programs as required. The architecture uses PHP as the program language and MySQL as the database. It is the most widely used blog system in the world. The website uses more than 70 million people. Because WordPress is a modular website, Therefore, many module programs are tied up, so that the PSI of WordPress is always at a low score. This is the original disadvantage of WordPress. Its advantages are low cost, fast installation, and various SEO plug-ins.
Method 5: Do not use Bootstrap
If you can adjust the site architecture score of Bootstrap to a high level, no one will object to using Bootstrap, but 90% of the people who use Bootstrap are not necessarily professional front-end engineers. They may be web designers or back-end engineers who also serve as front-end cutouts. Because the learning threshold of Bootstrap is low, anyone who wants to learn it can learn it, However, if you can use Bootstrap, it does not mean that you are a professional "front-end engineer" who can optimize the website to the best. If you want the website to achieve SEO optimization, you should give up Bootstrap, unless you can completely optimize Bootstrap to improve the PSI score of website SEO. The score of SEO architecture is not adjusted high, and the user experience (UX) is certainly not good, which will certainly affect the efficiency of SEO ranking. This is the fifth website optimization method we give you.
Extended reading: Why does web design need front-end engineers?
What is Bootstrap?
Bootstrap is a front-end website framework interface for websites, mainly used to implement RWD websites. RWD aims to adapt to different devices. Bootstrap is a RWD framework tool that has integrated HTML, CSS and JavaScript, which can facilitate website design companies to quickly assemble websites, and can effectively reduce costs and development time, But because there are many front-end elements tied together, the website's performance is poor.
Extended reading: Why does website construction need front-end engineers?
conclusion
Web design needs pictures, words, effects, videos To complete a complete website, if we can adhere to the SEO logic in the process of web design, we can complete the website optimization at the beginning of the design, that is, high PSI scores, such as: no videos on the home page, image compression and control of the number, remove redundant animation effects, do not use Wordpress, do not use Bootstrap, It is the best way to achieve high PSI scores at the beginning. If your website has been completed and launched, and you can no longer make basic changes, don't be discouraged. Just change the parts that can be changed, and others can be made up with more and higher quality content and links. Go back to Sohu to see more
Editor in charge:
