Dlaczego strony internetowe czasami wyglądają jak zwykły HTML przed odświeżeniem

16

zaczęło się to zdarzać dość często od około tygodnia. Nie jest to duży problem, ale bardziej irytujący.

Kiedyś, gdy wchodzę na stronę, strona wydaje się ładować jako zwykły HTML. Następnie po odświeżeniu ładuje się reszta strony.

Dlaczego ? Masz pomysł, co może powodować ten problem? Zobacz zrzuty ekranu.

Windows 7 64 bity, przy użyciu Chrome, aktualne.

EDYCJA: Dzięki za pomoc i sugestie. Mówiąc ściślej, dzieje się to w pracy. Moje połączenie jest filtrowane, ale to wszystko, co wiem.

Przed odświeżeniem:

Pierwsza wizyta:

Po odświeżeniu:

Po odświeżeniu:

JFFF
źródło
Jaki jest twój model routera? Wystąpiły podobne problemy z niektórymi routerami Linksys, które używają własnej pamięci podręcznej dns.
iglvzx
Jeśli oyu korzysta z mobilnego internetu, np. EDGE / 3G, to psuje porządek, nigdy nie słyszałem o tym, że router to robi… chyba że jest to naprawdę i naprawdę uszkodzone oprogramowanie. Lub używasz proxy. PS, czy to samo dzieje się w Safari (chrome podobny do silnika webkita) ... a następnie w IE (dla porównania)?
Piotr Kula,
@pumum Tak. Linksys WRT160N był znany z problemów z DNS. Problem został rozwiązany, jeśli nie używasz adresu IP routera jako DNS.
iglvzx

Odpowiedzi:

13

Dzieje się tak, gdy CSS (arkusz stylów) dla tej strony nie jest poprawnie załadowany. Teraz, dlaczego tak się dzieje jest bardziej złożony problem. Musisz to zrobić, aby rozwiązać ten problem:

  1. Otwórz Tools | Developer Toolsz menu Chome.
  2. Przejdź do Networkzakładki tam
  3. Pozostaw to okno otwarte, przeglądaj jak zwykle. Gdy ponownie zobaczysz to zjawisko, przejdź do okna Narzędzi programisty i sprawdź, który plik nie został poprawnie załadowany i dlaczego.

Może to być problem z DNS, działający przezroczysty serwer proxy lub inny problem. Dostawca CDN mojej własnej firmy (sieci dostarczania treści) miał wczoraj problemy i objawił się w podobny sposób, jak to tutaj opisujesz.

Ponieważ twierdzisz, że problem jest przejściowy i znika po odświeżeniu, raczej trudno go rozwiązać.

haimg
źródło
czy przeglądarka nie nadaje priorytetu CSS przed renderowaniem DOM? Zwykle zepsute rzeczy to bardzo wolne połączenie lub serwer proxy, który kompresuje HTML, CSS i JS w jedną rzecz i powoduje takie dziwne zachowanie - szczególnie jeśli łączysz się przez GPRS / EDGE / 3G ...
Piotr Kula
1
@ppumkin: CSS rzeczywiście jest ładowany przed renderowaniem. Jednak jeśli CSS nie może zostać załadowany, strona i tak jest renderowana ... I tak, wszystkie twoje powody są ważne, ale nie są jedynymi.
haimg
5

Istnieje stary problem z plikami .css, który pojawia się w niektórych przeglądarkach w zależności od sposobu wczytywania lub deklarowania dokumentów .css zawierających reguły stylu.

Nazywa się to „ Błyskiem zawartości niestylowanej (FOUC)”. Ta koncepcja ma nawet dedykowaną stronę Wikipedii z linkami do dodatkowych źródeł informacji.

Według twojego zrzutu ekranu wydaje się, że jest to problem, który cierpisz. Problem można rozwiązać tylko poprzez wprowadzenie niezbędnych zmian w źródle strony, więc nie można go rozwiązać.

jap1968
źródło
3

Nie jestem w 100% pewien, ale być może masz problemy z pobraniem javascript lub CSS dla strony. Czasami (dla dużych firm) CSS i javascript są przechowywane na zewnętrznej CDN (sieci dostarczania treści) ... które często przypadkowo trafiają na listy blokujące reklamy. Czy próbowałeś wyłączyć oprogramowanie do blokowania reklam? Być może masz jakiś paskudny błąd na swoim komputerze ... i przekierowuje on ruch internetowy.

TheCompWiz
źródło
Nie jestem pewien, kto przegłosował, ale twoja odpowiedź, w tym kontekście (ponieważ PO nie określił niczego) jest realna. +1, ponieważ widziałem to wcześniej.
Piotr Kula,
0

Zwykle dzieje się tak, gdy Chrome myśli, że w pamięci podręcznej nie ma danych, których tak naprawdę nie ma (doświadczam tego, gdy wyczyszczę pamięć podręczną przeglądarki w systemie operacyjnym zamiast w Chrome, ale może się również zdarzyć, jeśli pamięć podręczna zostanie oflagowana lub nieprawidłowo zaktualizowana ).

Odświeżanie zazwyczaj to naprawia, ale jeśli nie, wyczyść pamięć podręczną ( Ctrl+Shift+Delete), a następnie odśwież.

Bobson
źródło
0

Też miałem ten problem. Miałem narzędzie o nazwie Privacy Badger zainstalowane w Chrome. Gdy tylko go wyłączyłem, moje strony ponownie ładowały się poprawnie.

Brian
źródło
0

Miałem ten problem z Chrome na laptopie z systemem Windows 7. Niektóre (wiele) stron wyświetlałyby tylko podstawowy HTML, inne pokazywały się normalnie. Moja przeglądarka Firefox wyświetlała jednak wszystko normalnie. Zgodnie z sugestią TheCompWiz sprawdziłem wtyczkę ad-blocker (Adblock Plus). W menu Ustawienia -> Zaawansowane kliknąłem „Aktualizuj listy filtrów” (od dłuższego czasu nie był aktualizowany). Po aktualizacji wszystkie problematyczne strony ponownie wyświetlają się normalnie.

Jeroen
źródło