13 cách tăng tốc độ load trang web tối ưu Core Web Vitals

Amazon báo cáo rằng họ tăng tốc trang web nhanh hơn 100 mili giây, họ thấy doanh thu tăng 1%. Sau đó, Google tuyên bố, trong nỗ lực cải thiện web, tốc độ tải trang là một trong những yếu tố xếp hạng kết quả tìm kiếm.

Kể từ đó, kể từ đó có rất nhiều các nghiên cứu cho thấy lợi ích của việc tăng tốc độ load trang web. Trong hướng dẫn này, tôi đã cố gắng tập hợp mọi thứ cho phép bạn cải thiện tốc độ tải trang web của bạn.

Tôi đã sử dụng WhichLoadsFaster để so sánh tốc độ tải trang web của tôi với tất cả các đối thủ cạnh tranh. Để xem website của tôi có chạy chậm hơn website đối thủ hay không.

Dưới đây là tốc độ load trang web mà bạn nên tham khảo:

Dưới 1 giây = hoàn hảo
1-3 giây = trên trung bình
3 – 7 giây = trung bình
Hơn 7 giây = rất kém

Các điểm chuẩn này dựa trên các nghiên cứu cho thấy 47% mọi người mong đợi một trang web tải xuống dưới hai giây và 57% khách truy cập sẽ từ bỏ một trang mất 3 giây trở lên để tải.

Bạn nên để ý đến các files Javascript và Files ảnh. Bạn có thể tối ưu tốc độ tải trang mà không làm thay đổi bất kỳ trải nghiệm nào của người dùng. Chúng ta hãy cũng bắt đầu với những yếu tố tác động lớn nhất đến việc load web.

#1 Sử dụng CDN (Mạng phân phối nội dung)

Lưu trữ files của bạn trên mạng phân phối nội dung là một trong những cách tốt nhất để tăng tốc trang web của bạn và thường có thể tiết kiệm tới 60% băng thông và giảm một nửa số yêu cầu mà trang web của bạn đưa ra.

CDN hoạt động bằng cách lưu trữ các tệp của bạn trên một mạng lưới máy chủ lớn trên toàn thế giới. Khi người dùng truy cập trang web của bạn từ Thái Lan, họ đang tải xuống các tệp từ máy chủ gần họ nhất. Bởi vì băng thông được trải rộng trên rất nhiều máy chủ khác nhau, nó làm giảm tải trên bất kỳ máy chủ nào và cũng bảo vệ các trang web của bạn khỏi các cuộc tấn công DDoS và tăng lưu lượng truy cập.

Chúng tôi đã thử nghiệm một vài CDN tại website Trần Nam Phong, bao gồm MaxCDN, Cloudwatch, Static DNA và Cloudflare. Và hiện tại tôi sử dụng Cloudflare vì nó đã có máy chủ ở Việt Nam và nó cho sử dụng miễn phí.

#2 Sử dụng WP Engine

Đã có rất nhiều những phân tích và thử nghiệm để tìm ra web hosting tốt nhất, có 9/10 web hosting tôi đã thử nghiệm có thời gian phản hồi là 600ms – 1300ms. Thời gian đáp ứng của WP Engine là 293ms. Đúng, nó không phải là giải pháp lưu trữ web rẻ nhất (chúng bắt đầu từ $29/tháng), nhưng nó là một trong số ít các công ty lưu trữ website WordPress tốt nhất. Họ cải tiến rất nhiều về bảo mật và quy trình làm việc cũng như tối ưu cho hệ thống, tôi rất hài lòng khi lưu trữ WP ở đây.

#3 Sử dụng caching plugin

Nếu bạn sử dụng WordPress, một trong những cách nhanh nhất và dễ nhất để giảm tốc độ tải trang của bạn là cài đặt một caching plugin như WP Total Cache hoặc WP Super Cache. Tất nhiên, nếu bạn đang sử dụng WP Engine, bạn không cần cài đặt những plugin này vì chúng có bộ nhớ đệm tích hợp.

Nếu bạn cần một Plugin tăng tốc độ WordPress khác thì có thể tham khảo WP Rocket. Đây là một plugin có trả phí nhưng bạn sẽ thấy không hề hối tiếc nếu mua plugin này. Bạn có thể mua chung Plugin này để sử dụng, vì key bản quyền WP Rocket có thể sử dụng cho nhiều web.

#4 Thêm Expires headers để tận dụng bộ nhớ đệm trình duyệt

Nếu bạn không sử dụng WordPress, hoặc bạn không muốn cài đặt một plugin khác để thêm Expires headers và bộ nhớ đệm trình duyệt, thì đây là cách thực hiện thủ công.

Expires headers cho trình duyệt biết có yêu cầu một tệp cụ thể từ máy chủ web hay không hoặc có nhận phiên bản của một trang từ bộ đệm cache của trình duyệt. Tất nhiên, điều này chỉ áp dụng nếu người dùng đã từng truy cập trang web của bạn và lần sau họ truy cập thì website sẽ lấy dữ liệu trong bộ nhớ cache của họ. Điều này sẽ làm giảm số lượng yêu cầu HTTP cần được thực hiện, và giúp tăng tốc độ tải trang.

Thêm Expires headers là cực kỳ dễ dàng. Bạn chỉ cần có quyền truy cập vào hosting để sửa đổi files .htaccess. Bạn chỉ việc thêm đoạn mã sau vào files .htaccess trong website của bạn.

ExpiresActive On

# Images
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType image/webp “access plus 1 year”
ExpiresByType image/svg+xml “access plus 1 year”
ExpiresByType image/x-icon “access plus 1 year”

# Video
ExpiresByType video/mp4 “access plus 1 year”
ExpiresByType video/mpeg “access plus 1 year”

# CSS, JavaScript
ExpiresByType text/css “access plus 1 month”
ExpiresByType text/javascript “access plus 1 month”
ExpiresByType application/javascript “access plus 1 month”

# Others
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”

#5 Sử dụng theme tốt (nếu sử dụng WordPress)

Phòng bệnh thường là một chiến lược tốt hơn chữa bệnh. Để ngăn chặn nhiều vấn đề về tốc độ trang thì đầu tiên bạn nên chọn một máy chủ tốt, CDN tốt và theme thiết kế tốt.

Là một nhà tiếp thị kỹ thuật số, chắc chắn bạn sẽ bực bội khi thiết kế web xây dựng các trang web trông đẹp nhưng hoạt động ì ạch load lâu khủng khiếp nếu nhìn từ góc độ SEO hoặc quan điểm tốc độ.

#6 Nén hình ảnh của bạn với WP Smush.it

Nếu bạn sử dụng WordPress, hãy cài đặt plugin WP Smush.it để tự động nén hình ảnh của bạn. Điều này sẽ làm giảm kích thước hình ảnh của bạn mà không làm giảm chất lượng hình ảnh. Điều tuyệt vời về plugin này là nó hoạt động ở chế độ nền mỗi khi bạn tải lên một hình ảnh mới. Bạn cũng có thể tối ưu hóa cho tất cả các hình ảnh được tải lên trong thư viện hình ảnh của bạn.

#7 Dọn dẹp cơ sở dữ liệu của bạn

Một trong những khó khăn với WordPress là cơ sở dữ liệu của bạn có thể trở nên rất lộn xộn rất nhanh do các bản nháp đã lưu, sửa đổi bài đăng, plugins mà bạn đã không còn sử dụng… WP Optimize là một plugin tuyệt vời giúp tối ưu hóa cơ sở dữ liệu.

#8 Nén trang web của bạn bằng gzip

Gzip là một phương pháp đơn giản để nén các tập tin trang web của bạn để tiết kiệm băng thông và tăng tốc thời gian tải trang. Gzip hoạt động bằng cách nén các tệp của bạn thành tệp zip, tốc độ tải nhanh hơn cho trình duyệt của người dùng. Trình duyệt người dùng sau đó giải nén tệp và hiển thị nội dung. Phương pháp truyền nội dung này từ máy chủ đến trình duyệt hiệu quả hơn nhiều và tiết kiệm rất nhiều thời gian.

Bạn có thể bật Gzip và Enable Keep-Alive bằng cách thêm mã sau vào tệp .htaccess của bạn:

Header set Connection keep-alive

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

Để kiểm tra xem Gzip đã được bật hay hoạt động đúng trên trang web của bạn hay chưa, bạn có thể sử dụng Gziptest.com.

#9 Khắc phục tất cả các liên kết bị hỏng

Các liên kết bị hỏng không chỉ làm hao mòn băng thông, mà chúng còn là một trong những cách chắc chắn nhất để khiến người dùng rời khỏi trang web của bạn. Một trong những khách hàng của chúng tôi gần đây đã có hàng trăm lỗi 404 hiển thị trong Google Search Console của Google. Sau khi sửa tất cả những lỗi này, các trang trung bình được truy cập trên mỗi người dùng đã tăng từ 1,4 lên 1,85 trang/lượt truy cập và tỷ lệ thoát bị giảm đáng kể.

Để xác định các liên kết bị hỏng của bạn, tôi khuyên bạn nên sử dụng các công cụ sau:

Google Search Console
Screaming Frog SEO Spider
Ahrefs
Lý do tại sao tôi khuyên bạn nên sử dụng cả ba, là bởi vì khi sử dụng cả 3 công cụ bạn sẽ biết được chính xác các lỗi mà website đang gặp phải giúp bạn khắc phục dễ dàng hơn. Khi bạn đạt được 0 liên kết bị hỏng trên cả ba công cụ, công việc của bạn đã hoàn tất!

#10 Giảm thiểu các tệp CSS và JS của bạn

Khi bạn nhìn vào những nguyên nhân khiến các trang của bạn tải chậm, rất có thể nguyên nhân lớn nhất đó chính là website của bạn có quá nhiều tệp Javascript hoặc CSS. Một điểm yếu của WordPress và các hệ thống quản lý nội dung khác là một tệp JS hoặc CSS mới được thêm vào khi bạn cài đặt một plugin mới.

Có một số cách để thu nhỏ các tập tin của bạn. Cách đầu tiên là bạn nên gộp tất cả các tệp của bạn thành một – vì vậy thay vì gọi mười tệp javascript riêng lẻ, bạn chỉ cần đặt tất cả javascript của mình vào một tệp, Plugin Autoptimize sẽ giúp bạn làm điều đó. Cách thứ hai trong việc thu nhỏ là xóa khoảng trắng và làm cho các tệp của bạn nhỏ hơn. Nếu bạn sử dụng WordPress, WP Minify là một plugin tuyệt vời tự động làm tất cả những điều này cho bạn.

#11 Thay thế PHP bằng HTML tĩnh khi có thể

PHP là tuyệt vời để làm cho trang web của bạn hiệu quả và giảm nhu cầu nhập cùng một thông tin nhiều lần. Tuy nhiên, việc gọi thông tin qua PHP sử dụng hết tài nguyên máy chủ và nên được thay thế bằng HTML tĩnh để tăng tốc cho website.

#12 Chỉ định kích thước hình ảnh

Trước khi trình duyệt của bạn có thể hiển thị trang web của bạn, nó phải tìm ra cách bố trí nội dung của bạn xung quanh hình ảnh của bạn. Không biết kích thước của những hình ảnh này, trình duyệt xử lý nó, khiến nó hoạt động chậm hơn và mất nhiều thời gian hơn. Chỉ định kích thước hình ảnh của bạn giúp trình duyệt sử lý tốt hơn, giúp tăng tốc độ load.

#13 Giảm thiểu thời gian khứ hồi (RTT)

Thời gian khứ hồi là thời gian để khách hàng gửi yêu cầu và máy chủ trả lời. Nó bị ảnh hưởng bởi một loạt các yếu tố, nhưng chủ yếu bị ảnh hưởng bởi số lượng yêu cầu đang được gửi. Như số lượng yêu cầu HTTP đang được thực hiện.

Để giảm số lượng yêu cầu, hãy sử dụng CSS để gọi hình ảnh, thu nhỏ và kết hợp các tệp JS và CSS của bạn và không gọi bất cứ thứ gì không cần thiết. Một trong những điểm hấp dẫn nhất của tôi với WordPress là có thể sử dụng plugin trên một số trang nhất định, như Disqus hoặc Contact Form 7, có xu hướng được gọi trên mỗi trang, tạo ra các yêu cầu không cần thiết. Giảm số lượng yêu cầu không cần thiết sẽ làm giảm RTT của bạn.

Tại sao tốc độ tải trang lại quan trọng?

Với việc sử dụng Internet trên thiết bị di động ngày càng tăng, thì việc tôi ưu và tăng tốc cho cả điện thoại và máy tính là điều rất quan trọng. Người dùng Internet họ sẽ không đợi 1 trang web load quá lâu, bởi vậy nếu bạn muốn thăng hạng trên kết quả tìm kiếm SEO thì yếu tố tốc độ phải được đặt lên hàng đầu. Dưới đây là 1 vài trang web cho phép bạn kiểm tra tốc độ website:
Dareboost
Pingdom