Tăng tốc độ website bằng cách lưu trữ font google ngay trên host

Hướng dẫn tăng tốc độ website bằng cách lưu trữ Font Google lên trên hosting cực kì đơn giản.Trên thực tế dù chúng ta có loại bỏ hoặc tải không đồng bộ Google Font thì nó vẫn tải từ ngoài host và ảnh hưởng không nhỏ đến tốc độ load trang web của chúng ta. Vậy nên mình sẽ hướng dẫn các bạn cách đơn giản mà hiệu quả nhất. Sau khi hoàn thành các bạn thử trải nghiệm xem như thế nào nhé.

Xác định Google Font

Khi các bạn sử dụng các tool để kiểm tra website của mình xem có google font hay không nếu các bạn thấy 1 đoạn code như sau:

</pre><pre><link rel='stylesheet' id='shopy-custom-fonts-css'  href='//fonts.googleapis.com/css?family=Nunito%3Aregular%2C700%2C300%7CKameron%3Aregular%2C700%26subset%3Dlatin%2C' type='text/css' media='all' /></pre><pre>

Thì ở đoạn code trên chúng ta sẽ thấy được Font mà chúng ta đang sử dụng là font Roboto và Kameron với các Style 300, 700 với charset latin. Bây giờ chúng ta cùng đưa font Roboto lên Host của chúng ta nhé.

Lưu trữ google font lên trên host

Bước 1: Truy cập : https://google-webfonts-helper.herokuapp.com/fonts Nhập font mà chúng ta đang sử dụng. Ví dụ font bạn đang sử dụng là Roboto thì chúng ta điền vào khung ngay bên trái.

  Tong mục Select Charsets chọn vào loại mà bạn muốn.

Bước 2: Trong mục Select styles tích vào style bạn mong muốn hoặc đang sử dụng.