Liferay Front-End Performance tuning (1) Evaluation tools YSlow

Recently our team asked Liferay to do the front page tuning, of course, the evaluation tool is the most important, in order to see the specific page loading time and so on, our first choice of course is the Chrome Browser diagnostics tool, but the total feeling is not professional, based on my experience, I still recommend YSlow, it The index of the page will be graded, and then finally get the total score then rating, General level has A,B,C,D,E,F6 level.

How to install and test YSlow:

(1) Download "YSlow" from Firefox's add-on

(2) Reboot Firefox check if YSlow has been properly installed

(3) to the page we want to test, click the "YSlow" icon in the lower-right corner of the taskbar

(4) In the YSlow tool window, switch to the "Home" tab, and then click on the button "Run Test"

(5) It will read a progress bar, indicating that the test is being tested and then the results of the test will be displayed on the Grade/components/statistics tab.

We didn't do any optimization at first, the score was only 64 points, grade E. Unfortunately, we do not have a 64-point screenshot here, fortunately I found a 70-point screenshot, indicating that our front-end page performance is very bad.

Next, we will use a series of articles to introduce our team's efforts to tune the front-end performance.