Cách chúng tôi giảm thời gian tải trang xuống 10 giây

Tốc độ và xã hội dường như không hoạt động cùng nhau khi nói đến một trang web tuyệt vời. Chúng tôi đã di chuyển trang web của mình sang tay lái máy bay (liên kết liên kết) và nó đã cải thiện đáng kể hiệu suất và tính ổn định của trang web của chúng tôi. Tuy nhiên, thiết kế trang web của chúng tôi - với phần chân trang béo đã thúc đẩy hoạt động xã hội của chúng tôi trên Facebook, Twitter, Youtube và trên Podcast của chúng tôi - đã làm chậm trang web của chúng tôi thu thập dữ liệu.

Nó tồi. Trong khi một trang tuyệt vời tải trong 2 giây hoặc ít hơn, trang web của chúng tôi mất hơn 10 giây để hoàn thành một trang. Vấn đề không phải là WordPress hay Flywheel, vấn đề là tất cả các yếu tố tương tác mà chúng tôi tải từ các dịch vụ khác… Các tiện ích Facebook và Twitter, hình ảnh xem trước Youtube, ứng dụng Podcast của chúng tôi, tôi chỉ đơn giản là không thể kiểm soát chúng tải chậm đến mức nào. Cho đến bây giờ.

Bây giờ bạn sẽ nhận thấy rằng các trang của chúng tôi tải trong khoảng 2 giây. chúng tôi đã làm nó như thế nào? Chúng tôi đã thêm một phần động vào chân trang của chúng tôi. Phần này chỉ tải khi người dùng cuộn hết cỡ đến điểm đó. Cuộn đến cuối trang của chúng tôi trong trình duyệt (không phải thiết bị di động, ứng dụng hoặc máy tính bảng) và bạn sẽ thấy hình ảnh đang tải tiếp nhận:

tải

Sử dụng jQuery, chúng tôi không thực sự tải phần cơ sở của trang cho đến khi ai đó cuộn đến đó. Mã thực sự khá đơn giản:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# bổ sung"). load ('[đường dẫn đầy đủ của trang để tải]');}}});

Khi người dùng cuộn đến phần cuối của trang, jQuery sẽ trích xuất nội dung trang của đường dẫn được chỉ định và tải chúng trong div mà bạn đã chọn.

Mặc dù trang web không còn được hưởng lợi từ nội dung được tải ở đó (vì công cụ tìm kiếm không thu thập dữ liệu), chúng tôi khá tự tin rằng tốc độ của trang sẽ giúp xếp hạng, chia sẻ và tương tác của chúng tôi nhiều hơn là có ai đó thiếu kiên nhẫn chờ đợi trang của chúng tôi tải cực kỳ chậm. Hơn hết, trang vẫn có tất cả các yếu tố mà chúng tôi muốn thu hút khách truy cập… mà không làm giảm tốc độ trang.

Chúng tôi vẫn còn một số việc phải làm… nhưng chúng tôi đang đến đó!

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.