Tốc độ tải trang là điều đầu tiên bạn nhận thấy khi truy cập một website, nhưng chỉ khi website tải quá chậm thì bạn mới để ý. Tốc độ trang là yếu tố quan trọng hàng đầu trong trải nghiệm người dùng, vì vậy không có gì ngạc nhiên khi tốc độ này chính thức trở thành một yếu tố xếp hạng cho các lượt tìm kiếm trên mobile và đã là yếu tố xếp hạng trên desktop từ lâu.
Nhiều nghiên cứu về mối tương quan giữa tốc độ tải trang và Bounce Rate đã đưa ra một số kết luận khá đáng lo ngại: mỗi mili giây đều quan trọng. Với nghiên cứu mới về hiệu suất website, chúng tôi muốn tìm ra điểm sáng giữa những số liệu đáng lo ngại và chứng minh rằng hiệu suất website của bạn vẫn còn nhiều dư địa để cải thiện.
Nghiên cứu của chúng tôi sẽ giúp bạn sắp xếp quy trình làm việc khi tối ưu hiệu suất website. Cụ thể, chúng tôi sẽ chỉ ra những lỗi phổ biến nhất và những lỗi cần được chú ý hơn, để bạn có thể ưu tiên xử lý chúng.
Phương pháp nghiên cứu
Trong nghiên cứu này, chúng tôi phân tích ngẫu nhiên 150.000 website (cả phiên bản desktop lẫn mobile) để đánh giá hiệu suất. Để thu thập dữ liệu, chúng tôi sử dụng báo cáo Performance mới của Semrush Site Audit, công cụ cung cấp số liệu hữu ích về những vấn đề phổ biến nhất ảnh hưởng đến hiệu suất website.
Kết quả đáng ngạc nhiên
Điều khiến chúng tôi ngạc nhiên là lần đầu tiên chúng tôi ghi nhận tới 82% website được phân tích gặp vấn đề ảnh hưởng đáng kể đến hiệu suất. Điều này cho thấy các vấn đề liên quan đến hiệu suất là một trong những vấn đề phổ biến nhất trên website.
Ngoài ra, 44% website được phân tích gặp ít nhất một vấn đề nghiêm trọng (theo phân loại mức độ nghiêm trọng của vấn đề trong Site Audit).
Điểm đáng mừng là phần lớn website gặp vấn đề về hiệu suất có thể cải thiện bằng các kỹ thuật tối ưu trang đơn giản và cấu hình máy chủ dễ thực hiện.
Sau đây, chúng ta sẽ xem xét kỹ hơn những vấn đề đã phát hiện và đề xuất một số cách đã được thử nghiệm, chứng minh hiệu quả để khắc phục chúng.
[ create-campaign bg_images="https://static.semrush.com/blog/uploads/media/a4/4f/a44f7a6614c3ee4fc6b627878d5be0ee/website-performance-research-semrush-2018-back-banner.png" bg_button="-success" header="Kiểm tra hiệu suất website của bạn" text="với Semrush Site Audit"]
Chúng tôi hy vọng dữ liệu này sẽ giúp bạn ưu tiên công việc và ước tính số lượng cũng như mức độ nghiêm trọng của các vấn đề có thể xảy ra trên website.
Bây giờ, hãy cùng xem quy trình xử lý những vấn đề này.
Để đơn giản hóa, chúng tôi sẽ chia các đề xuất thành ba nhóm:
Dọn dẹp Redirect
Giảm dung lượng trang
Cải thiện hiệu suất máy chủ
Dọn dẹp Redirect
Hãy bắt đầu với một vấn đề đơn giản. Redirect chain và redirect loop là những vấn đề kinh điển gây ảnh hưởng đến hiệu suất website. Nếu không muốn khiến người dùng mất kiên nhẫn vì redirect chain và redirect loop, bạn nên tránh để chúng xảy ra trên website của mình.
Ngoài ra, redirect chain còn khiến bot bối rối; ngân sách Crawling của chúng có hạn và mỗi lần redirect, trang của bạn lại mất đi một phần thứ hạng ban đầu. Nếu muốn tìm hiểu thêm, hãy xem video rất hữu ích dưới đây về redirect của Matt Cutts.
Nếu một trang có từ 3 URL trở lên hoặc chứa redirect loop, Site Audit sẽ đánh dấu trang đó là có vấn đề. May mắn là theo nghiên cứu của chúng tôi, chỉ 7% website được phân tích gặp vấn đề này.
Tuy nhiên, redirect từ trang này sang trang khác thường là điều cần thiết khi đổi thương hiệu hoặc đổi tên website, chuyển website sang HTTPS, giảm số trang trùng lặp (ví dụ: phiên bản “www” và “non-www”) và trong nhiều trường hợp khác.
Website càng lớn và càng lâu đời, việc duy trì cấu trúc gọn gàng càng khó. Redirect có xu hướng tích tụ và tạo thành redirect chain; càng có nhiều liên kết thì càng mất nhiều thời gian để đến trang đích. Vì vậy, bạn cần đặc biệt cẩn thận khi triển khai các redirect “cần thiết”.
Giảm dung lượng trang
Trang càng nặng và chứa càng nhiều tài nguyên thì thời gian tải càng lâu. Bạn cần đảm bảo dung lượng trang cũng như tổng dung lượng các tệp JS và CSS (dung lượng truyền tải) không vượt quá 2MB.
Trong Site Audit, mọi nội dung vượt quá 2MB đều được xem là nặng và sẽ gây ra lỗi. Dù 2MB đủ để một trang “sống hết mình”, 1% website được phân tích vẫn gặp vấn đề này. Nếu website của bạn nằm trong số 1% đó, chúng tôi khuyên bạn nên giảm dung lượng trang và giữ ở mức dưới 2MB.
Hình ảnh và video
Hình ảnh và video chiếm phần lớn dung lượng của một trang, vì vậy đây là nơi bạn nên bắt đầu. Thay đổi định dạng, độ phân giải hoặc chất lượng nội dung trực quan có thể giảm đáng kể dung lượng trang. Trước tiên, hãy tự hỏi liệu những hình ảnh này có thực sự mang lại giá trị hay không và nhớ rằng đôi khi ít lại tốt hơn.
JavaScript và CSS
Nghiên cứu của chúng tôi cho thấy con số đáng thất vọng: 68% website có tệp JavaScript và CSS chưa được minify. Bằng cách minify các tệp JavaScript và CSS (loại bỏ những dòng không cần thiết, khoảng trắng và chú thích khỏi mã nguồn), bạn sẽ giảm dung lượng tài nguyên, từ đó rút ngắn thời gian tải, mang lại trải nghiệm người dùng tốt hơn và cải thiện thứ hạng trên công cụ tìm kiếm.
Công cụ và phương pháp minify mã JavaScript
Bạn có thể rút gọn code JavaScript bằng hai công cụ phổ biến là JSMin và YUI Compressor. YUI Compressor cũng có thể rút gọn CSS. Closure Compilerlà một công cụ hữu ích khác, có thể phân tích JavaScript, kiểm tra code, loại bỏ code không còn dùng đến, rồi viết lại và thu gọn phần còn lại. Obfuscation là một phương pháp khác để giảm dung lượng, hiệu quả nhỉnh hơn một chút so với minification, nhưng cũng có phần rủi ro hơn vì chính bước obfuscation có thể gây ra lỗi.
Ngoài việc rút gọn script và style, đừng quên nén HTML, CSS và JavaScript bằng cách sử dụng các phương thức như gzip hoặc deflate. Cách này sẽ giảm dung lượng của chúng xuống một nửa hoặc hơn.
Theo các báo cáo State of JavaScript và Page Weight cung cấp số liệu thống kê về mức độ sử dụng JavaScript và CSS trên web ở cả trải nghiệm mobile lẫn desktop, một trang web trung bình có 25 yêu cầu tài nguyên (lần lượt gồm 20 yêu cầu JS và 5 yêu cầu CSS).
Công cụ Site Audit chỉ đánh dấu một trang là có “Quá nhiều tệp JavaScript và CSS” nếu trang đó có hơn 100 tài nguyên — một con số khá lớn. Dù vậy, 1% website được phân tích có quá nhiều tệp JavaScript và CSS! Hãy đảm bảo trang của bạn không bị quá tải với các tệp JavaScript và CSS. Nhìn chung, càng nhận được ít yêu cầu thì càng tốt; vì vậy, giữ số lượng dưới 100 sẽ giúp bạn yên tâm. Ngoài ra, hãy cân nhắc gộp nhiều tệp CSS và JS thành một tệp duy nhất để tăng tốc độ tải trang.
Bạn có thể tìm thấy nhiều thông tin hữu ích về cách tinh gọn website trong các tài liệu sau:
Why Performance Matterscủa Google’s Web Fundamentals
Optimizing Content Efficiencycủa Google’s Web Fundamentals
Best Practices for Speeding Up Your Web Site của Yahoo
Tips for Authoring Fast-Loading HTML Pages của Mozilla
11 mẹo tối ưu JavaScript và cải thiện tốc độ tải cũng như Rendering của websitecủa Upwork
Tăng hiệu suất máy chủ
Một trong những nguyên nhân khiến tốc độ tải trang chậm rõ ràng là dung lượng HTML lớn. Tuy nhiên, như chúng ta đã thấy ở chương trước, chỉ 1% website được phân tích có dung lượng HTML lớn. Vậy 42% vấn đề còn lại gây chậm tốc độ tải trang đến từ đâu? Rất thường xuyên, nguyên nhân là do máy chủ.
Nếu máy chủ web hoạt động kém hiệu quả, trang web bạn muốn truy cập cũng sẽ tải chậm. Bạn cần xem xét dịch vụ hosting và gói dịch vụ được cung cấp; nếu không phù hợp, hãy đổi nhà cung cấp hoặc cân nhắc thuê máy chủ riêng. Tìm hiểu thêm về các yếu tố góp phần tạo nên một gói hosting có tốc độ cao tại đây.
Điều tương tự cũng áp dụng với website mobile. Trên thực tế, tốc độ trang còn quan trọng hơn đối với các website mobile vì người dùng thường truy cập khi đang di chuyển. Điều này máy tính của Think with Google sẽ giúp bạn ước tính việc cải thiện tốc độ website có thể tác động thế nào đến doanh thu.
Có những yếu tố khác có thể làm chậm phản hồi của server, chẳng hạn như logic ứng dụng chậm, truy vấn cơ sở dữ liệu chậm, định tuyến chậm, framework, thư viện, thiếu tài nguyên CPU hoặc thiếu bộ nhớ. Hãy sử dụng những đề xuất của Google Developers để xử lý những vấn đề này và cải thiện thời gian phản hồi của server.
Theo nghiên cứu của chúng tôi, 25% website được phân tích có các tệp Javascript và CSS chưa được cache. Vấn đề này xảy ra khi phản hồi header không chỉ định browser caching. Nói đơn giản, nếu không bật browser caching, người dùng sẽ phải tải cùng một tệp mỗi lần truy cập trang của bạn.
Bật browser caching cho các tệp JavaScript và CSS cho phép trình duyệt lưu trữ và tái sử dụng tài nguyên trên trang mà không cần tải lại khi truy cập trang. Nhờ đó, trình duyệt tải ít dữ liệu hơn, giúp giảm thời gian tải trang.
Nhìn chung, cách khắc phục đơn giản này có thể giúp tới một phần tư số website được khảo sát hoạt động tốt hơn đáng kể.
Bắt đầu khắc phục
Có nhiều yếu tố cộng lại ảnh hưởng đến tốc độ tải trang, và xử lý thủ công tất cả chúng là công việc quá sức. Tuy nhiên, bạn luôn có thể nhờ đến các công cụ chuyên dụng.
Google PageSpeed Insights là công cụ tuyệt vời để bắt đầu; công cụ này miễn phí, hữu ích và cung cấp báo cáo cho cả phiên bản mobile lẫn desktop của website. Một lợi ích nữa là công cụ tập trung vào những vấn đề mà chính Google xem là quan trọng.
Google sử dụng dữ liệu về trải nghiệm trang của người dùng Chrome để đánh giá liệu trang có Fast, Slow, hoặc Average xét về tốc độ tải hay không. Đáng tiếc, điều này có nghĩa là bạn chỉ nhận được thông tin về những website có đủ traffic từ người dùng Chrome để phân tích; các website nhỏ hơn có thể nhận kết quả Unavailable .
Với Slow và Average kết quả, bạn sẽ nhận được Đề xuất tối ưu hóa, bao gồm danh sách các phương pháp hay nhất để tăng tốc trang. Bạn nên xem qua danh sách này, nhưng cũng cần cân nhắc kỹ; cố đạt điểm số hoàn hảo có thể khiến bạn lãng phí thời gian và tạo ra trải nghiệm người dùng kém.
Để phân tích website toàn diện và linh hoạt, đồng thời xem xét nhiều khía cạnh hơn là chỉ các vấn đề về hiệu suất, chúng tôi đề xuất Semrush Site Audit công cụ:
SEMrush Site Audit Performance Report sẽ cung cấp các biểu đồ thống kê giúp bạn nắm được tổng quan về những vấn đề kỹ thuật của website; chú giải công cụ giải thích từng vấn đề và cách khắc phục.
Danh sách vấn đề được phân loại theo mức độ nghiêm trọng thành Errors, Warnings, và Thông báo; điều này sẽ giúp bạn xử lý những lỗi nghiêm trọng nhất trước tiên.
Báo cáo hiệu suất cũng cho phép bạn kết nối tài khoản Google Analytics để nhận thêm thông tin về trải nghiệm người dùng (Google Analytics Avg Page Interactive Time):
Như bạn thấy, chỉ cần tinh chỉnh và cấu hình, việc tăng tốc website khá đơn giản. Hãy kiểm tra từng phần cụ thể trên website, sử dụng các báo cáo theo chủ đề và làm theo đề xuất của chúng tôi để tiết kiệm nguồn lực, đồng thời đạt kết quả tốt nhất với ít công sức nhất. Bạn cũng có thể theo dõi tiến độ bất cứ lúc nào bằng cách giám sát Performance Score ở đầu báo cáo.
Hãy chia sẻ các phương pháp hiệu quả nhất để cải thiện tốc độ website trong phần bình luận bên dưới. Bạn cũng có thể chia sẻ các liên kết giúp những chủ sở hữu website khác khắc phục vấn đề về hiệu suất website — hãy cùng xây dựng một thư viện hữu ích.
[ create-campaign bg_images="https://static.semrush.com/blog/uploads/media/a4/4f/a44f7a6614c3ee4fc6b627878d5be0ee/website-performance-research-semrush-2018-back-banner.png" bg_button="-success" header="Check out your website performance" text="with SEMrush Site Audit"]
Đưa góc nhìn thành kế hoạch.
Chia sẻ website và mục tiêu để LionTech tư vấn giải pháp phù hợp.
Đăng ký tư vấn ↗