Google Lighthouse

 

Step 1. Select a better server

Because this website is designed as a multilingual blog, the visitors may come from most of the countries. However, because of the bandwidth limit between Chinese mainland and the other countries, the connection speed of Chinese visitors is pretty laggy. Fortunately, it is a nice solution to place the server in Hong Kong. I finally decide to buy Google's Hong Kong cloud server.

 

Step 2. Compress your CSS, JS, Font files and other resources

Jake's website is developed with Joomla! CMS and T3 framework. It is not that hard to implement these features from the back-end. It is also a nice idea to combine your CSS and JS files, which can reduce the number of requests.

Let's firstly have a look at the final display effect:

Formula 1

$$\lim _{x \rightarrow \infty} \frac{e^{\sin \frac{1}{x}}-1}{\left(1+\frac{1}{x}\right)^{\alpha}-\left(1+\frac{1}{x}\right)}=\lim _{x \rightarrow \infty} \frac{\sin \frac{1}{x}}{\left(1+\frac{1}{x}\right)^{\alpha-1}-1}$$

 

Formula 2

$$\frac{\underset{x\to \infty }{\mathop{\lim }}\,\frac{1}{\infty }}{\sqrt[3]{2x}}$$

 

Step 1: Download MathJax

MathJax download address: https://www.mathjax.org/