Tối ưu hóa web theo chuẩn pagespeed insights

Pagespeed Insights là một công cụ do Google phát triển. Công cụ này được nhiều chuyên gia trang web lựa chọn nhằm tối ưu hiệu suất. Đồng thời cũng đánh giá chất lượng cho trang web của mình, dựa trên những tiêu chuẩn đánh giá của Google. Khi dùng Pagespeed Insight, người dùng có thể nhận báo cáo về hiệu suất Website trên cả máy tính và di động. Ngoài ra, công cụ này cũng sẽ cung cấp cho người dùng những đề xuất nhằm tối ưu trang web thông qua báo cáo UX của Chrome.

Mục lục

Nén Gzip là cách giảm dung lượng các thành phần tĩnh trên website như CSS, Javascript, HTML qua đó sẽ làm giảm thiểu tối đa thời gian phản hồi từ máy chủ

Tối ưu hóa web theo chuẩn pagespeed insights

Một vấn đề mà bất kể người làm website hay kể cả dân làm SEO luôn quan tâm đó là làm sao để tối ưu load website nhanh nhất. Website mà load nhanh nó có rất nhiều lợi ích. Cái đầu tiên phải kể đến là trải nghiệm người dùng tốt hơn có thể cải thiện pageview, giảm tỷ lệ Bounce Rates trên blog. Tiếp nữa là nhằm giảm tải tối đa cho máy chủ, tiết kiệm băng thông,…

Hôm nay, mình sẽ hướng dẫn các bạn cách bật lưu vào bộ nhớ cache trong trình duyệt và bật nén gzip. Đây là 1 trong những phần quan trọng mà bạn cần phải làm nếu muốn tăng tốc load website của mình.

Bật lưu bộ nhớ cache trình duyệt (Cache Browse)

Khi vào một website bất kỳ thì trình duyệt phải bắt buộc tải về tất cả thành phần có trong một website để có thể phân tích và hiển thị nó. Vậy để tăng tốc load trang cho trình duyệt thì chúng ta sẽ bật bộ nhớ cache gọi là Browse Caching nghĩa là nó sẽ tạo ra bản bộ nhớ đệm của một website và lưu nó vào máy tính, kể từ các lần truy cập sau trình duyệt sẽ lấy dữ liệu có trong bộ nhớ đệm này ra để hiển thị mà không cần phải tải lại nữa.

PageSpeed Insights:

Để bật bộ nhớ cache cho trình duyệt bạn chỉ cần chèn đoạn code sau vào file.htaccess trong thư mục gốc của website:

Còn đây là hình ảnh sau khi đã bật lưu cache:

Còn đây là hình ảnh sau khi đã bật lưu cache:

Còn đây là hình ảnh sau khi đã bật lưu cache:

Bật nén Gzip – Gzip File Compression

Nén Gzip là cách giảm dung lượng các thành phần tĩnh trên website như CSS, Javascript, HTML qua đó sẽ làm giảm thiểu tối đa thời gian phản hồi từ máy chủ.

Nếu bạn đang dùng WordPress thì bạn chỉ cần cài đặt plugin WP Super Cache hoặc W3 Total Cache sau đó thiết lập 1 số chức năng cơ bản là đã có thể bật nén Gzip 1 cách nhanh chóng mà không cần phải chèn thêm bất cứ code gì

Gzip File Compression

Như vậy, chỉ với 1 đoạn code ngắn đã giúp tăng tốc load website nhanh hơn đúng không nào . Vậy còn chờ gì nữa mà không áp dụng ngay cho website của bạn thôi.

Tuấn Graphic designer
Tuấn Graphic designer
Tuấn Graphic designer (Thiết kế đồ họa) sáng tạo, phác thảo cho các sản phẩm như: website, logo, banner, bao bì sản phẩm và tất cả những thứ liên quan đến giao diện. Mục tiêu là truyền tải thông điệp của doanh nghiệp và sản phẩm của mình đến với khách hàng. Sản phẩm có hấp dẫn, bắt mắt thì mới thu hút được nhiều người quan tâm. Xem thêm
FollowAction (13410) - LikeAction (13610) - WriteAction (479)