Vì sao trang web của bạn tải chậm (và cách sửa mà không cần làm lại từ đầu)

Rocío có một vườn cây cảnh ở Xalapa. Hai tháng trước cô trả tiền làm trang web và nó trông rất đẹp: ảnh lớn chụp cổng vào, các loại cây theo mùa, giờ mở cửa, số điện thoại, bản đồ. Cô thích đến mức cho in đường link lên tấm bảng hiệu ngoài vỉa hè.

Điều cô chưa thấy là những gì xảy ra ở phía bên kia. Ai đó tìm “vườn cây cảnh ở Xalapa” trên điện thoại, dùng data di động với hai vạch sóng, đang đứng ở góc đường. Người đó chạm vào link. Phông nền hiện ra, logo hiện ra, còn chỗ đặt ảnh thì chỉ là một hình chữ nhật xám. Sáu giây sau, người đó quay lại Google và bấm vào kết quả tiếp theo.

Người đó không hề quyết định rằng vườn cây này không phù hợp: họ chưa kịp biết nơi đó bán gì. Và trong số liệu thống kê, điều đó trông giống hệt như một khách đã đọc hết mọi thứ — một lượt truy cập. Trang web tải chậm là trang mất vài giây để hiện nội dung sau khi ai đó mở nó lên — và khi điều đó xảy ra, bạn không mất khách hàng: bạn mất những người chưa từng biết rằng bạn là một lựa chọn.

Vì sao trang của tôi mở nhanh trên điện thoại của tôi nhưng chậm với người khác?

Vì điện thoại của bạn đang nói dối bạn: bạn mở trang này mỗi ngày từ cùng một chiếc điện thoại, nối wifi của cửa hàng, và trang đã được lưu sẵn trong bộ nhớ đệm. Với bạn nó luôn mở nhanh như chớp, dù với một khách hàng mới dùng data di động, nó có thể mất đến tám giây.

Bài kiểm tra thật sự chỉ cần một lời nhờ vả nhỏ. Hãy mượn điện thoại của ai đó chưa từng vào trang của bạn — một khách hàng đang đứng ở quầy, cô hàng xóm, đứa cháu của bạn — và để họ mở trang bằng data của họ, không phải wifi của bạn. Bạn chỉ cần nhìn màn hình, không giải thích gì cả. Bạn sẽ biết ngay qua nét mặt họ, trước khi số điện thoại của bạn kịp hiện lên.

Đây là cách chẩn đoán duy nhất trong danh sách này mà bạn không thể tự làm một mình.

Điều gì khiến một trang web tải chậm?

Hầu như luôn là do ảnh. Ảnh chụp từ điện thoại của bạn thường nặng bốn, năm megabyte. Trên trang web, nó chỉ hiện trong một ô bé bằng ba centimet. Bạn đang gửi một tấm biển quảng cáo khổ lớn để ai đó xem nó với kích thước của một con tem, và khách hàng phải “trả tiền data” cho cả tấm biển đó trước khi thấy được bất cứ thứ gì.

Trang của Rocío có bốn mươi tấm ảnh: cổng vào, các khóm dương xỉ, cây mọng nước, chậu đất sét, cô nhân viên bán hàng vào thứ Bảy. Chỉ mười tấm trong số đó đã là năm mươi megabyte mà ai đó phải tải xuống khi đang đứng ở góc đường, và thư viện ảnh tải hết tất cả dù khách chưa bao giờ cuộn xuống xem. Chẳng ai chịu đợi chuyện đó, đặc biệt khi gói data đang cạn dần vào cuối tháng.

Đây là phần nặng nhất nhưng cũng là phần dễ sửa nhất, vì bạn không cần xóa bất kỳ tấm ảnh nào: chỉ cần tải lại chúng với kích thước nhỏ hơn.

Thứ hai: bộ máy đi kèm sẵn trong mẫu giao diện

Thứ nặng thứ hai là bộ máy đi kèm sẵn trong mẫu giao diện: thanh carousel tự động đổi ảnh, video nền ở phần đầu trang, chữ hiện mờ dần mỗi khi bạn cuộn xuống.

Chưa ai mua một cây dương xỉ vì một thanh carousel. Tất cả những thứ đó là những mảnh ghép mà điện thoại phải tải xuống và lắp ráp trước khi hiện được toàn bộ trang, và không cái nào trả lời được câu hỏi mà khách hàng mang theo khi vào trang: bạn có mở cửa Chủ nhật không, và một cây ficus giá bao nhiêu.

Thứ ba: các thành phần bổ sung

Thứ ba là các thành phần bổ sung: khung chat tự bật lên sau năm giây, bản đồ nhúng tự tải dù chẳng ai cuộn xuống đến đó, khung đánh giá, banner cookie, các nút liên kết tới năm mạng xã hội.

Mỗi thứ đều đòi một phần riêng của kết nối internet, đôi khi từ một máy chủ ở một nước khác, trước khi trang của bạn hiện đầy đủ. Một cái thì không ai để ý. Sáu cái thì có.

Vì sao các mẫu giao diện web lại tải chậm?

Các mẫu giao diện tải chậm vì chúng không được tạo ra cho riêng cơ sở kinh doanh của bạn. Chúng được tạo ra để trông ấn tượng trong catalog nơi bạn chọn chúng, và ở đó, chính thanh carousel và các hiệu ứng animation lại là thứ khiến người ta bấm chọn.

Chưa ai nói với bạn rằng nên bỏ những phần bạn không dùng. Và ở hầu hết các trình soạn thảo, việc xóa một phần tốn công hơn là cứ để nó yên: bạn phải tìm ra module đó rồi đoán xem xóa nó thì cái gì sẽ hỏng. Thế là nó cứ ở đó. Trang của bạn không chậm vì ai đó làm việc tệ; nó chậm vì ngay từ đầu đã sinh ra với những thứ của một cơ sở kinh doanh khác bên trong, và chẳng ai có thời gian gỡ chúng ra.

Khi thay vì chọn một mẫu giao diện, bạn mô tả chính xác điều bạn cần, sự khác biệt thật sự không nằm ở thiết kế: trang web ra đời chỉ với những phần bạn yêu cầu, không hơn không kém. Không có gì để xóa bớt vì từ đầu nó đã chưa bao giờ được thêm vào.

Mẫu giao diện thật sự mang lại điều gì (nói thật)

Nếu thứ bạn bán là thứ “nhìn là thấy” — cây cảnh, quần áo, món ăn, dịch vụ làm nail — thì vài tấm ảnh lớn sắp xếp đẹp bán được nhiều hơn bất kỳ đoạn văn nào, và mẫu giao diện đã được dựng sẵn quanh điều đó. Có những lĩnh vực mà carousel thực sự phát huy tác dụng, như một salon muốn khoe tám cặp ảnh trước-và-sau. Và nếu trang web hiện tại của bạn vẫn đang chạy tốt, làm lại toàn bộ chỉ vì tốc độ hầu như không bao giờ đáng công.

Và điều quan trọng nhất, để bạn không tốn cả tháng vào việc sai: một trang chậm nhưng xuất hiện trên Google vẫn thắng một trang nhanh mà chẳng ai tìm thấy. Nếu bạn không hiện lên khi người ta tìm ngành nghề và thành phố của bạn, thì đừng bắt đầu từ đây.

Điều gì quan trọng hơn: tốc độ tải hay thứ tự xuất hiện của mọi thứ?

Thứ tự xuất hiện của nội dung quan trọng hơn tổng thời gian tải. Một trang có thể mất sáu giây để tải xong hoàn toàn mà vẫn cảm thấy nhanh, nếu ngay trong giây đầu tiên đã hiện tên cơ sở kinh doanh, giờ mở cửa và số điện thoại. Và nó có thể chỉ mất ba giây mà vẫn cảm thấy dài vô tận, nếu thứ đầu tiên hiện ra là một tấm ảnh hai megabyte, còn số điện thoại thì nằm ở cuối cùng, dưới cả phần nhận xét của khách.

Chẳng ai đang bấm giờ trang web của bạn bằng đồng hồ bấm giờ. Họ đang đo xem họ đã tìm được thứ họ cần hay chưa. Nếu điều đó hiện ra trước, phần còn lại có thể tải tiếp trong yên bình.

Làm sao sửa trang web tải chậm mà không cần làm lại từ đầu?

Có thể sửa bằng ba việc, theo đúng thứ tự này, và cả ba đều gói gọn trong một tuần.

1. Tải lại ảnh, với kích thước nhỏ hơn. Nhiều trình soạn thảo có sẵn tùy chọn tối ưu hóa hoặc nén ảnh; nếu trình của bạn không có, hãy cắt nhỏ ảnh ngay trên điện thoại trước khi tải lên. Bắt đầu từ tấm ảnh đầu tiên của trang, vì đó là tấm làm chậm tất cả những thứ còn lại.

2. Bỏ những thứ bạn không dùng. Carousel trước tiên: chỉ giữ lại một tấm ảnh, tấm đẹp nhất. Rồi đến video nền. Rồi đến các nút mạng xã hội mà bạn đã không đăng bài từ năm ngoái.

3. Đưa lên đầu trang những gì mọi người đến để tìm. Tên, bạn làm gì, giờ mở cửa, số điện thoại và địa chỉ, ngay trong màn hình đầu tiên, với số điện thoại có thể chạm vào để gọi trực tiếp.

Và nếu bạn thật sự muốn bắt đầu lại từ đầu

Nếu trang web hiện tại gây phiền hơn là giúp ích, hãy mô tả trang bạn muốn trong Proyecta, đúng như bạn mong muốn:

“Một trang web cho vườn cây cảnh của tôi ở Xalapa: các loại cây tôi bán theo nhóm, giá khởi điểm, cách chăm sóc cơ bản, địa chỉ kèm bản đồ, giờ mở cửa và nút WhatsApp. Mở nhanh khi dùng data di động, không carousel và không video.”

Phần cuối đó cũng chỉ cần yêu cầu bằng lời, giống như mọi thứ khác. Trang sẽ được xuất bản cùng với link của nó, và nếu có gì dư ra, bạn chỉ cần yêu cầu bớt đi.

Nói thật: ảnh thì bạn vẫn phải tự tải lên, và phải đúng kích thước. Phần đó không ai làm giúp bạn được, không ở đây, cũng không ở Wix.

Trước khi bạn đóng tab này

Hãy mượn điện thoại của người đầu tiên bước vào cơ sở kinh doanh của bạn hôm nay. Mở trang web của bạn bằng data của họ và đếm đến ba.

Nếu sau ba giây, số điện thoại của bạn vẫn chưa hiện trên màn hình đó, thì bạn đã biết nên bắt đầu từ đâu. Và bạn cũng đã biết rằng vấn đề không phải là trang web của bạn xấu.