Как я могу уменьшить время загрузки моего сайта - PullRequest
0 голосов
/ 16 сентября 2018

Спасибо заранее:)

Я занимаюсь разработкой веб-сайта на Laravel. Мой сайт оптимизирован,

Но время загрузки составляет 13 с

Я оптимизировал свой сайт, выполнив несколько шагов и набрав 81% баллов на странице GoogleSpeedInsight

  1. Использовать Google Fonts (ранее загружалась с сервера)
  2. Bootstrap (включая загрузку с использованием CDN)
  3. минимизированный JavaScript
  4. минимизированный CSS
  5. сжатие изображений (уменьшение размера изображений без ущерба для качества)
  6. конвертировать изображения в Base64 (чтобы уменьшить запрос)

Узким местом является мое время загрузки, которое составляет 13 с

По причине может быть проблемой

  • Размер файла составляет 1,4 Мб, загрузка занимает почти 7 с enter image description here

  • Большой проблемой являются изображения, поэтому при отображении целевой страницы почти запрашивается более 50 изображений

    . Но даже уменьшилось количество запросов, время загрузки которых составляет 13 с

    Вопрос

    1. Каким будет план по достижению 4с времени загрузки сайта?

    2. Как мне этого добиться 4с времени загрузки сайта

Большое спасибо за помощь, я очень долго искал это

Я ценю вашу помощь

1 Ответ

0 голосов
/ 18 сентября 2018

Это действительно трудно ответить в резюме.

В целом я обнаружил, что правило 80/20 применяется к производительности страниц - 80% времени обычно тратится на 20% ресурсов, которые вам нужно загрузить. Проблема в том, что каждый веб-сайт может иметь разные 20%, однако при времени загрузки в 13 секунд есть несколько вероятных кандидатов.

Большие ресурсы , обычно видео, аудио или графические файлы. 1,4-мегабайтный файл изображения почти приемлем, но меньший, безусловно, лучше. При ссылке на скачивание 512 КБ этот файл может занять более 20 секунд; на aDSL (около 6 Мбит / с) это еще несколько секунд. В идеале вы хотите, чтобы изображения были <500Kb. </p>

Множество ресурсов , даже если вы оптимизировали все изображения, наличие большого количества изображений большого размера приведет к замедлению страницы. Если это неизбежно из-за дизайна сайта, рассмотрите ленивую загрузку - загружайте изображение только тогда, когда оно появляется в окне просмотра браузера.

Медленное рендеринг страницы на стороне сервера Если ваши файлы .php работают медленно, сайт будет работать медленно.

Объединение / минимизация CSS / JS, использование CDN - все это помогает, но, как правило, только после того, как вы разберетесь с другими вещами - по моему опыту!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...