Ідеї ​​покращити швидкість завантаження веб-сайту?


22

Чи є якісь способи покращити швидкість завантаження веб-сайту?

Я знаю, що Google дійсно підштовхує швидкість завантаження, і з популярністю мобільних веб-сайтів зараз важливо, щоб сайти швидко завантажувалися.

Відповіді:


23
  1. Поради Yahoo щодо покращення швидкості просування сторінки
  2. Поради Google щодо покращення швидкості сторінки
  3. Якщо ви використовуєте PHP, поради Google, щоб зробити PHP швидше

Ось базовий список, який складається з додатку Page Speed ​​Speed ​​Google (тут YSlow Yahoo ):

  • Використовуйте кешування браузера
  • Вкажіть розміри зображення
  • Уникайте CSS @import
  • Уникайте поганих прохань
  • Об'єднайте зображення в CSS-спрайт
  • Відкладіть розбір JavaScript
  • Увімкнути функцію Keep-Alive
  • Увімкнути стиснення
  • Вбудований малий CSS
  • Вбудований маленький JavaScript
  • Зробіть переспрямовування цільової сторінки кешованим
  • Мінімізуйте CSS
  • Мінімізуйте HTML
  • Мінімізуйте JavaScript
  • Мінімізуйте переадресації
  • Мінімізуйте розмір запиту
  • Оптимізуйте зображення
  • Оптимізуйте порядок стилів та сценаріїв
  • Віддавайте перевагу асинхронним ресурсам
  • Помістіть CSS в голову документа
  • Видаліть рядки запитів зі статичних ресурсів
  • Подавайте ресурси з послідовної URL-адреси
  • Подавайте масштабовані зображення
  • Вкажіть заголовок Vary: Accept-Encoding
  • Вкажіть валідатор кешу
  • Вкажіть набір символів
  • Відкладіть завантаження JavaScript
  • Видаліть невикористаний CSS
  • Використовуйте ефективні селектори CSS

Настійно рекомендую використовувати додатки для швидкості сторінки Google або Yahoo для тестування сторінок. Це швидко та легко зробити та пропонує чіткі вказівки щодо покращення швидкості сторінки.

оновлення

Як рекомендує Нік у коментарях, тут є ще кілька хороших ресурсів та інформації:

оновлення 2

Ось хороша статистика, яка показує, чому важлива швидкість сторінки ( джерело )


2
+1 Також варто згадати поради Стіва Судера тут: stevesouders.com/hpws/rules.php та його книгу тут: stevesouders.com/blog/2009/04/23/even-faster-web-sites Це були посилання на Facebook коли вони вперше оптимізували свій сайт: facebook.com/note.php?note_id=307069903919
Нік

У мене виникає відчуття, що щось у моєму заголовку робить сайт, коли він працює!
Роб

Я не впевнений, що мені подобається ця відповідь, оскільки вона насправді не описує, як зробити швидкий веб-сайт, а лише те, з чим можна поправити, щоб швидше отримати його. Це трохи схоже на те, що сказати "додати спойлер на машину" - що може зробити кожен - але ви повинні зрозуміти загальні принципи аеродинаміки для цього, щоб мати сенс і, отже, робити це належним чином.
ʍǝɥʇɐɯ

@Matthew, додатки та сторінки Google та Yahoo описують, чому ці оптимізації допомагають. Інформаційний, а також корисний.
Джон Конде

Щойно отримав оцінку швидкості Google 89/100, досить добре, враховуючи, що я не намагався оптимізувати швидкість.
Роб

1

Спробуйте CloudFlare http://www.cloudflare.com/plans

CloudFlare - це мережа доставки вмісту та сервер розподілених серверів доменних імен, що продається як поліпшення продуктивності та швидкості веб-сайту та забезпечення безпеки.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.