Thiết kế website
Pagespeed Insights là gì? Tiêu chuẩn đánh giá ? Cách cải thiện
Pagespeed Insights là gì?
- Là công cụ của Google tối ưu hóa hiệu suất website, cũng như đưa ra đánh giá chi tiết cho website của bạn.
- Một trang web chất lượng có vai trò đặc biệt quan trọng trong việc xây dựng thương hiệu. Cũng như tăng khả năng tiếp cận khách hàng mục tiêu. Pagespeed Insights chính là công cụ hữu hiệu trong việc hỗ trợ SEOer phân tích và đánh giá trang web, từ đó đưa ra những đề xuất chỉnh sửa sao cho hoàn thiện nhất
Tiêu chuẩn đánh giá của công cụ
Là một SEOer thì bạn hãy nên quan tâm đến những tiêu chuẩn sau đây
- Trang web nên hạn chế sử dụng redirect ở trang đích đến
- Cần kích hoạt chức năng compress dữ liệu trước khi gửi về trình duyệt.
- Thời gian trả lời của sever nên được thực hiện nhanh nhất có thể
- Chức năng lưu trữ bộ nhớ cache ở trình duyệt nên được mở rộng.
- Các tài nguyên CSS và Javascript có trên website phải được giải nén.
- Giảm dung lượng trang web bằng cách thực hiện việc nén dung lượng hình ảnh
- Quy trình chèn các thư mục CSS vào website cần được tối ưu hóa chặt chẽ.
- Thứ tự được ưu tiên nội dung trong website phải được thiết lập một cách rõ ràng
- Bỏ chế độ chặn Javascript và CSS trước khi tải trang.
- Tận dụng tối đa các thuộc tính không đồng bộ.
6 bước cải thiện điểm Pagespeed Insights
Tối ưu hoá hình ảnh
Hầu hết các website đều quên mất việc tối ưu hoá hình ảnh. Việc này làm cho các trang web load chậm hơn .
Tối ưu bằng Tool online
- Tiny PNG: https://tinypng.com
- ComPressor: https://compressor.io/compress
- Kraken IO: https://kraken.io/web-interface
Sử dụng plugin của WordPress
Tối ưu CSS, JS tăng điểm Pagespeed Insights
- Đa phần web nào cũng có file css và js, thường thì để load nhanh hơn người ta sẽ dùng cách minify(quá trình này loại bỏ các khoảng trắng của các ký tự trống, ký tự dòng mới, ghi chú và ký tự ngoặc nhọn khỏi mã nguồn của bạn) cho css, js.
- Với việc có quá nhiều file css và file js, người ta sau khi minify thì thường nối chúng lại để tăng tốc độ tải cho website. Có rất nhiều website giúp bạn minify file css và js có thể hỗ trợ bạn việc này.
Lưu ý : việc làm này có thể gây vỡ giao diện, hãy luôn có 1 bản backup và sử dụng File Zilla để an toàn hơn.
Một số plugin của WordPress hỗ trợ
- WP Optimize
- Autoptimize
- Fast Velocity Minify
Tối ưu code tăng điểm Pagespeech Insights
Hiện nay có rất nhiều mã nguồn khác nhau, mỗi mã nguồn lại chứa đựng vô số theme khác nhau. Việc tối ưu code sẽ khó khăn hơn rất nhiều. Vì vậy, khi thiết kế 1 website bạn nên chú ý đến việc nó sử dụng theme gì? Có dễ dàng tối ưu không? Cộng đồng hỗ trợ lớn không, có update thường xuyên không, v.v.v…
Sử dụng Cached và Preload
- Dù bạn sử dụng mã nguồn nào bạn cũng cần phải tạo cache cho web, việc này thì hầu như web nào cũng phải tạo ra, mục đích là để khách truy cập lần đầu tiên web sẽ thực thi bình thường, kể từ lần thứ 2 thì khách truy cập đúng link đó thì nó sẽ thực thi nhanh hơn vì sử dụng lại file đã tạo ra dạng html nên máy chủ không phải xử lý như lần đầu tiên nữa, việc này vừa giúp tăng tốc tải trang vừa giúp cho việc sử dụng thấp nhất tài nguyên của Hosting(VPS).
- Với đợt cập nhật Google PageSpeed Insight lần này, Google ưu tiên những web có sử dụng hàm “preload” trong code, nếu bạn muốn cải thiện tốc độ trên di động trên 90 điểm thì không thể bỏ qua việc này , với từ khoá “Preloading content with rel=”preload”+tên_mã_nguồn” mong là các bạn có thể tìm kiếm được thứ bạn cần.
Sử dụng Hosting hay VPS chất lượng
Việc này cũng rất quan trọng, nó đảm bảo cho bạn có sự ổn định, trong SEO nó càng quan trọng hơn nữa. Nếu điều kiện kinh tế cho phép hãy mua 1 VPS để phục vụ cho sự ổn định của máy chủ vì SEO là công việc lâu dài, nên thời gian uptime càng cao càng tốt, lý tưởng nhất là 99,99%, thế thì làm sao để đánh giá 1 Hosting hay 1 VPS tốt.Bạn coi thử hosting của bạn có những điều này không nhé:
- Sự ổn định, chưa thấy hoặc không thấy nó rơi vào tình trạng “Waiting for {tên_web_site}” quá lâu, ngay gốc trái màn hình, nếu bạn thấy nó cứ Waiting hoài, hoặc vô lâu nó đơ và trắng trang hoặc lỗi gì đó bằng Tiếng Anh hoặc tiếng Việt mà không phải giao diện của bạn thì bạn nên cân nhắc thay đổi Hosting (VPS) khác.
- Sử dụng SSD
- Dùng LiteSpeed
- Chạy hệ điều hành Centos + CloudLinux
- Sử dụng Maria Database
Nhiều bạn với chi phí thấp nhưng vẫn muốn sử dụng VPS thì có thể góp mua chung để sài hay hơn là sử dụng Hosting Share.
Để kiểm tra VPS có ok không các bạn đăng nhập SSH trong VPS sau đó gõ dòng lệnh này : curl -Lso- tocdo.net | bash
Có những thông số bạn cần lưu ý để nhận biết 1 VPS tốt :
- Loại ảo hoá tốt nhất là KVM & Cloud OpenStack, các loại ảo hoá khác như OpenVZ, XEN không nên sử dụng.
- Tốc độ trung bình( Average) : cần trên 400 MB/s
- Read IOPS : trên 35k mới gọi là ổn.
- Write IOPS : trên 20k mới gọi là ổn.
Bật nén trong Hosting(VPS) hoặc Sử dụng CDN
- Khi bạn truy cập vào site của bạn, một request sẽ được gửi tới server để chuyển file xuống. Những file này càng lớn, càng mất nhiều thời gian để tải. Bằng cách nén trang web của bạn và CSS trước khi gửi chúng qua cho trình duyệt sẽ giảm thời gian tải xuống đáng kể vì files sẽ nhỏ hơn.Vì vậy kết quả cuối cùng sau khi gzip nén file, kích thước của trang và CSS có thể giảm tới 60-70%
- Với từng Web Server riệng thì việc bật Gzip cũng khác nhau, có thể kể đến các web server như Apache chúng ta phải chỉnh file .htaccess, với Nginx chúng ta chỉnh file php.ini, với các Web Server khác chúng ta có thể tham khảo anh google, ???
- Nếu việc bật Gzip khó khăn với bạn, bạn có thể sử dụng CDN, điển hình CDN miễn phí của Cloudflare có thể giúp bạn việc này, với những website có nhiều lượng truy cập từ nhiều nước khác nhau việc sử dụng CDN gần như bắt buộc.
Lời kết
Hãy bắt tay vào và cải thiện điểm số của trang web đi nào. Chúc bạn thành công
