Pomysły na poprawę szybkości ładowania strony?

22

Czy są jakieś sposoby na poprawę szybkości ładowania strony internetowej?

Wiem, że Google naprawdę przyspiesza ładowanie stron, a popularność witryn mobilnych wymaga teraz szybkiego ładowania stron.

Obrabować
źródło

Odpowiedzi:

23
  1. Wskazówki Yahoo dotyczące poprawy prędkości strony
  2. Wskazówki Google dotyczące poprawy szybkości strony
  3. Jeśli używasz PHP, wskazówki Google dotyczące szybszego PHP

Oto podstawowa lista zawarta w dodatku Google Page Speed (oto Yahlow Yahoo ):

  • Cache przeglądarki dźwigni
  • Określ wymiary obrazu
  • Unikaj CSS @import
  • Unikaj złych próśb
  • Łącz obrazy w duszki CSS
  • Przerwij analizę JavaScript
  • Włącz Keep-Alive
  • Włącz kompresję
  • Inline Small CSS
  • Wbudowany mały JavaScript
  • Niech przekierowujące strony docelowe będą buforowane
  • Zminimalizuj CSS
  • Zmniejsz HTML
  • Zminimalizuj JavaScript
  • Minimalizuj przekierowania
  • Zminimalizuj rozmiar żądania
  • Zoptymalizuj obrazy
  • Zoptymalizuj kolejność stylów i skryptów
  • Preferuj zasoby asynchroniczne
  • Umieść CSS w głowie dokumentu
  • Usuń ciągi zapytania z zasobów statycznych
  • Podaj zasoby ze stałego adresu URL
  • Podaj skalowane obrazy
  • Podaj nagłówek Vary: Accept-Encoding
  • Określ moduł sprawdzania poprawności pamięci podręcznej
  • Określ zestaw znaków
  • Odłóż ładowanie JavaScript
  • Usuń nieużywany CSS
  • Używaj wydajnych selektorów CSS

Zdecydowanie zalecamy używanie dodatków do szybkości stron Google lub Yahoo do testowania stron. Jest szybki i łatwy do zrobienia i oferuje jasne wskazówki, jak poprawić szybkość strony.

aktualizacja

Zgodnie z zaleceniami Nicka w komentarzach tutaj znajduje się kilka dobrych zasobów i informacji:

aktualizacja 2

Oto dobre statystyki, które pokazują, dlaczego szybkość strony jest ważna ( źródło )

John Conde
źródło
2
+1 Warto również wspomnieć o wskazówkach Steve'a Soudera tutaj: stevesouders.com/hpws/rules.php i jego książki tutaj: stevesouders.com/blog/2009/04/23/even-faster-web-sites Były to odnośniki Facebooka kiedy po raz pierwszy zoptymalizowali swoją stronę: facebook.com/note.php?note_id=307069903919
Nick
Mam przeczucie, że coś w moim nagłówku powoduje, że strona się zapycha!
Rob
Nie jestem pewien, czy podoba mi się ta odpowiedź, ponieważ tak naprawdę nie opisuje ona, jak zrobić szybką stronę internetową, tylko to, co można majstrować, aby uzyskać ją szybciej. To trochę tak, jakby powiedzieć „dodaj spoiler do samochodu” - co każdy może zrobić - ale musisz zrozumieć ogólne zasady aerodynamiki, aby miało to sens i dlatego należało go wykonać poprawnie.
ʍǝɥʇɐɯ
@Matthew, dodatki i strony Google i Yahoo opisują, dlaczego te optymalizacje pomagają. Informacyjny i użyteczny.
John Conde
Właśnie uzyskałem wynik 89/100 za sprawdzenie prędkości w Google, całkiem niezłe, biorąc pod uwagę, że nie próbowałem żadnych optymalizacji prędkości.
Rob
1

Wypróbuj CloudFlare http://www.cloudflare.com/plans

CloudFlare to sieć dostarczania treści i rozproszona usługa serwerów nazw domenowych sprzedawana jako poprawa wydajności i szybkości witryny oraz zapewnienie bezpieczeństwa.

AAssdff
źródło