Tránh tải lại nền và menu chính (flash trắng) khi người dùng điều hướng trang web của tôi?


7

Không phải là một vấn đề lớn, nhưng tôi muốn hiểu thêm về cách một số trang web có thể phục vụ các trang khác nhau cho người dùng điều hướng, sao cho trình duyệt không hiển thị rõ ràng qua một trang trắng. Trong khi đó một số trang web khiến trình duyệt hiển thị trang trắng trong tối đa vài giây.

Tôi có thể tưởng tượng điều này một phần là do độ trễ của mạng, nhưng còn có yếu tố nào khác không? Tôi có thể làm cho hình ảnh / màu nền không nhấp nháy màu trắng không?

Câu trả lời:


5

Flash White Flash 'mà bạn đề cập đến là trình duyệt vẽ trang web. Có một câu hỏi lớn về cách theo dõi các trình duyệt khác nhau mất bao lâu để kéo trang web của bạn (độ trễ sang một bên).

Một câu hỏi hay khác để tham khảo là làm thế nào để tăng tốc trang web của bạn thông qua các công cụ và kỹ thuật khác nhau.

Nhưng những gì tôi nghĩ bạn đang tìm kiếm là AJAX . JavaScript và XML không đồng bộ; điều này sẽ cho phép bạn tải lại nội dung trang mà không cần tải lại trang, do đó hoàn toàn tránh được 'Đèn flash trắng'.


EDIT: Tôi mới nhận ra một kỹ thuật mà bạn có thể sử dụng cực kỳ đơn giản. Bạn có thể sử dụng iframe ! Tôi đã không nghĩ về nó bởi vì đó là một kỹ thuật lỗi thời. Tôi đã không sử dụng nó từ thời trung học, nhưng sử dụng iframe bạn sẽ có thể nhận được kết quả mong muốn.


Cảm ơn Christopher, tôi sẽ kiểm tra những câu hỏi đó. Tuy nhiên, tôi chủ yếu quan tâm đến các kỹ thuật ngăn đèn flash trắng mà không sử dụng các kỹ thuật AJAX. Ví dụ: khi điều hướng các trang khác nhau của một trang web công ty điển hình có nền chung, tiêu đề, thanh menu chính, v.v. Hiện tại trang web của tôi dựa trên tính năng mẫu của Dreamweaver. Không thực sự theo kịp thời đại, tôi biết.
gus

Những gì bạn đang tìm kiếm nằm ngoài phạm vi chỉ có mã mà không có AJAX. Khi bạn nhấp vào một liên kết trong trình duyệt của bạn, nó sẽ kết nối và bắt tay với máy chủ của bạn. Sau đó, nó sẽ yêu cầu tệp (about.html, v.v.). Máy chủ xem tệp, thực thi bất kỳ mã phía máy chủ nào và gửi tệp đến máy tính của bạn thông qua Giao thức truyền văn bản siêu văn bản (HTTP). Khi trình duyệt của bạn nhận được mã, nó sẽ bắt đầu 'vẽ' các phần tử bên trong cửa sổ của bạn. 'White-Flash' là thời gian giữa các trình duyệt yêu cầu trang và 'vẽ' nó bên trong cửa sổ. Điều này liên quan đến các ứng dụng, không phải mã hoàn toàn.
Christopher

Nếu điều này đã trả lời câu hỏi của bạn, bạn có thể đánh dấu đây là câu trả lời đúng không? Trừ khi, đó là, bạn yêu cầu thêm thông tin.
Christopher

Nếu tôi hiểu bạn một cách chính xác, bạn xác nhận rằng hiện tại không thể tránh được "đèn flash trắng" bằng các phương pháp không giống AJAX. Đúng?
gus

Là một quản trị trang web không có quyền kiểm soát đối với những gì trình duyệt mọi người sử dụng để xem trang web của bạn, vâng.
Christopher

4

Tốt nhất không nên dựa vào iframe hoặc cấu trúc phi ngữ nghĩa không cần thiết khác chỉ để tránh một vấn đề biến đổi / thẩm mỹ. Các phương pháp AJAXy có thể tránh được một số vấn đề vẽ lại đó, nhưng nếu bạn không sẵn sàng thực hiện các vấn đề phức tạp về kiến ​​trúc và khả năng truy cập của AJAXing trong các phần lớn của trang web của bạn, thì bạn nên tập trung vào việc giảm trọng lượng trang thông qua tối ưu hóa CSS, giảm thiểu kích thước tải xuống tệp và số lượng kết nối HTTP cần thiết để có được tài nguyên trang, v.v.


webpagetest.org là tuyệt vời nếu bạn đang tìm kiếm một phân tích khá chi tiết về "hiệu suất" tải và những gì có thể được làm mỏng
Dallas
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.