Tải trang khi làm mới trong IE8

Question

Tôi đang phát triển một trang web và tôi nhận được rất nhiều sự mâu thuẫn khi tải khi làm mới trang. Nhấp vào liên kết các chức năng như mong đợi; không có vấn đề ở đó. Vấn đề chỉ xảy ra khi REFRESHING một trang. Bạn sẽ nhận thấy nó mất bao lâu để tải, và trong một số trường hợp, từ chối tải ở tất cả.

http://annualreview.com.au/caltex/2012/

Trang web này được xây dựng sử dụng WordPress 3.5.1 (http://wordpress.org) và Quỹ 3.2.5 (http://foundation.zurb.com/).

Bất kỳ hỗ trợ nào về vấn đề này sẽ được đánh giá cao. Tôi hết ý tưởng.

Cảm ơn.

Cập nhật: Điều này có thể không liên quan đến IE. Vấn đề dường như cũng tồn tại trong các trình duyệt khác.

Answer 1

Tôi đã thay thế Respond.js bằng tập lệnh sau và sự cố đã được giải quyết.http://code.google.com/p/css3-mediaqueries-js

Answer 2

Có vẻ như có sự cố về thời gian được giới thiệu trong response.js. Nó có thể có mã javascript trực tiếp trong tệp js và không được bao bọc trong một sự kiện như document.ready. Điều này sẽ làm cho nó thực thi ngay lập tức khi trang tải và đọc js và có thể gây ra hành vi tải trang không phù hợp tùy thuộc vào tốc độ nhanh hoặc chậm.

Nếu đây là trường hợp giải pháp nhanh có thể là bọc toàn bộ nội dung của tệp response.js trong trình xử lý sự kiện sẵn sàng tài liệu để mã không thực thi cho đến khi mọi thứ đã tải xong.

$(document).ready(function(){ 
    //respond.js contents here.. 
}); 

Với điều đó, tôi sẽ kiểm tra bảng điều khiển công cụ dành cho nhà phát triển của IE hoặc Chrome để xem có bất kỳ lỗi js nào đang xảy ra hay không. Nếu vẫn không có may mắn, tôi sẽ theo dõi lại logic tải trang để cố gắng xác định nơi một vấn đề liên quan đến thời gian có thể tồn tại và đi từ đó. Bạn có thể thêm các mục console.log trong mã của bạn để giúp bạn theo dõi nó qua thời gian chạy và xác định luồng. Các mục nhật ký có thể làm cho nó rõ ràng là nơi mà vấn đề bắt nguồn.

Answer 3

Nhìn vào Firebug, có sự chậm trễ lớn trong việc cố tải hình ảnh. Mỗi hình ảnh sẽ bị chặn cho đến khi hình ảnh trước đó được tải - đã thử làm mới trang một vài lần và hình ảnh sẽ mất từ ​​1 đến 11 giây mỗi lần.

Image of Firebug results:

Tôi không rất am hiểu trong tối ưu hóa hình ảnh, nhưng sau một tìm kiếm nhanh, tìm thấy một vài cách bạn có thể thử để tối ưu hóa thời gian tải:

• CSS Sprites - đây dường như không hữu ích cho bạn khi nhìn vào kích thước của hình ảnh và có thể khó thực hiện hình ảnh mất dần, nhưng đáng nhắc đến trong trường hợp có thể được triển khai ở nơi khác trong trang web.
• Điều khác bạn có thể thử, đang sử dụng các trang web lưu trữ hình ảnh khác, chẳng hạn như Flickr hoặc Amazon S3. Trình duyệt có xu hướng chỉ cho phép bạn có 2 kết nối đến cùng một máy chủ cùng một lúc (với tất cả hình ảnh của bạn trên cùng một máy chủ, bạn sẽ nhận được thời gian chặn dài), nhưng cho phép kết nối tới 8 máy chủ khác nhau cùng một lúc, các trang web bên có thể cải thiện thời gian tải cho bạn.