Если вы, как и я, являетесь гордым разработчиком, возможно, вы захотите запустить свой личный сайт (если он у вас есть) с помощью одного из множества инструментов повышения скорости страницы. Я бы рекомендовал сделать то же самое, прежде чем вы начнете проверять, действительно ли у вас есть эта проблема, вместо того, чтобы тратить время на чтение этого. Я создал свой сайт с помощью Jekyll, Github Pages и Bootstrap с этим шаблоном начальной загрузки, поэтому, если вы используете этот стек для создания своего сайта, эта статья будет особенно полезна для вас. Вот ресурсы, которые мне показались наиболее полезными, во-первых, это pingdom:
Pingdom — действительно надежный инструмент, он использует оценки, чтобы дать вам представление об общем качестве вашего сайта, и разбивает его на определенные категории, которые вы можете атаковать по отдельности, что делает вещи менее громоздкими.
У него также есть возможность проверить скорость сайта из разных мест по всему миру, как показано на скриншоте (рис. 1).
Pingdom разбивает ваш сайт на «статистику производительности», как показано ниже.
Как видите, мои выглядят неплохо, но так было не всегда. Pingdom отлично подходит для того, чтобы получить представление о том, что можно улучшить, но для того, чтобы быстро реализовать эти улучшения, я бы порекомендовал перейти к Google PageSpeed Insights.
Insights — это опция, с которой многие люди, включая меня, более знакомы. Он не такой надежный, как Pingdom, но дает вам больше указаний относительно того, что именно вы можете сделать с вашим (надеюсь, что нет, но, возможно) дерьмовым счетом. Вы можете быть шокированы, увидев, что ваш счет очень низкий, но не бойтесь! Моя оценка когда-то была скромной 58 на мобильных устройствах и 62 на настольных компьютерах. Сейчас у меня высокие 75 на мобильных устройствах и 91 на настольных компьютерах, но они имеют тенденцию колебаться, поэтому следите за этим. Это было нелегко, но я потратил много времени на вещи, которые не улучшили мой результат, поэтому я не хочу, чтобы вы делали то же самое. Вот две самые важные вещи, которые вам нужно сделать, чтобы улучшить свой результат.
- Зарегистрируйтесь в cloudflare и увеличьте кеш файлов вашего браузера. Зарегистрируйте свой сайт в CloudFlare (бесплатно) и измените срок действия кеша браузера на 1 год.
2. Google должен предложить вам сжатые версии ваших изображений и уменьшенные версии вашего Javascript и, возможно, CSS и HTML, загрузить их и заменить ими старые версии этих файлов в вашем коде. Если вы не знакомы с тем, как перемещаться по вашему коду, могу поспорить, что они находятся в папке с именем /img в вашем корневом каталоге, вот мой.
Я сделал кучу вещей, чтобы мой сайт стал таким, какой он есть сейчас. Он все еще далек от совершенства, и я буду продолжать настраивать и улучшать его. Insights, безусловно, наиболее чувствителен к изменениям, и иногда трудно понять, что их вызывает. По иронии судьбы два самых простых шага, которые я предпринял, больше всего повлияли на мой результат, но я полагаю, что это правило 80/20.
Спасибо за внимание, это самое ценное, что вы можете дать кому-то.