2012-03-24 20 views
8

Widzę tylko wbudowany kod CSS i JS podczas przeglądania kodu źródłowego strony Google. Nie widzę żadnego dołączonego pliku CSS lub JS.Dlaczego Google używa wbudowanego JavaScript i CSS?

W jaki sposób zawierają jquery, wtyczki itp? (lub) Czy Google korzysta z Jquery?

+1

Myśleć głośno dużo? :) – bzlm

+1

strona google .. która? poszukiwanie? – Joseph

+0

Tak, wyszukiwanie. –

Odpowiedz

10

Google usesClosure Compiler skompresować JavaScript.
Nie, Google z pewnością nie korzysta z jQuery - to wszystko jest vanilla JavaScript i (czasami) Closure Library.

Jeśli chodzi o wstawianie, jeśli JS/CSS jest stosunkowo mały, szybsze jest wstawianie go w celu zminimalizowania liczby żądań HTTP.

Google Page Speed Online może dać ci kilka wskazówek, jak zoptymalizować stronę.
mod_pagespeed for Apache może wykonać wiele optymalizacji dla Ciebie (w tym, w razie potrzeby, podając treść).

+0

"Biblioteka zamknięcia służy jako podstawowa biblioteka JavaScript dla wielu produktów Google, takich jak: Gmail, Mapy, Dokumenty, Witryny, Książki, Czytnik, Blogger, Kalendarz, Google+, Zdjęcia." Https://developers.google.com/closure/library/ –

+0

+1 teraz to dokładne wyjaśnienie. – Joseph

+1

To dość ironiczne, jak strona, którą łączysz, teraz używa jQuery;) –

4

Najprawdopodobniej używają oprogramowania przetwarzającego, które konwertuje ich kod HTML/CSS/JS do HTML/CSS/JS, który odwiedzają nasi goście.

Wiele witryn robi to w pewnym stopniu (np. Kompresując pliki CSS i JS w celu zmniejszenia rozmiaru plików), ale można również wbudować wszystko za pomocą procesora.

3

Strona wyszukiwania Google (ta z gigantycznym logo Google) jest niczym więcej jak pojedynczą stronicą "aplikację internetową". wykorzystuje AJAX do komunikowania się z serwerem w celu pobrania wyszukiwań, dlatego nie trzeba nawet opuszczać strony.

z tym, że bardziej sensowne jest załadowanie strony (z zakodowanym źródłem) w jednym dużym kawałku (HTML + CSS + JS) zamiast używania kilku plików dla arkuszy stylów, strony i skryptów.

jest to zaletą, ponieważ zmniejsza liczbę żądań HTTP do tylko jednego pliku (zamiast mieć osobny indeks oraz kilka CSS i JS) i powoduje szybkie ładowanie strony. i nie wspominając, że jedna strona to buforowana. przy następnej wizycie na tej stronie, wyskakuje wprost z pamięci podręcznej i nie wymaga żądania HTTP.

+0

W takim przypadku, dlaczego nie wszyscy tworzą wbudowane CSS i JS? Ponadto, biorąc pod uwagę prawdopodobieństwo, że ktoś ma CSS i JS dla google.com w pamięci podręcznej przeglądarki ...;) – bzlm

+0

, ponieważ nie wszyscy korzystają z witryny "pojedynczej strony"/"takiej jak w aplikacji internetowej". tego rodzaju strony są trudne do utrzymania. jest wiele rzeczy, które należy wziąć pod uwagę, robiąc to zamiast tradycyjnej strony "strona po stronie". – Joseph

+1

Czym różni się od witryn wielostronicowych? I dlaczego różnica ta byłaby różna, gdyby używali nieintersekcyjnego CSS i JS? Wszystkie zasoby mogą równie łatwo "wyskoczyć z pamięci podręcznej", nieprawdaż? – bzlm

Powiązane problemy