Какие ресурсы актуальны для анализа скорости сайта и на какие пункты не стоит обращать внимание?

Question

[Юрий Янин]

Пробовал пару ресурсов, но они показались мне весьма слабыми да и бред пишут по итогу. Кто использует кикие? И следующий вопрос. Там есть весьма странные пункты по сжатию js и css файлов в gzip чтобы урезать 12 кб, есть ли в этом смысл? Еще волнует, что такие сайты просят сократить код bootstrap как css так и js, стоит ли обращать на такое внимание или как можно обойти этот момент (хотелось бы поднимать свои сайты на бал больше 85 из 100. Клиенту не всё можно объяснить)? И еще оптимизация изображений... я и так стараюсь использовать разрешение в нужную величину, а он мне предлагает их на 94 процента пожать, что?

Answer 1

[Виталий]

https://gtmetrix.com/ + встроенный в бразуер монитор загрузки страницы.

bootstrap.css тягает в своём файле весь фремворк, если у вас на странице используется, например, только grid, то с точи зрения оптимизатора остальной код лишний и для этой страницы он не нужен.
Тоже самое касается и style.css и js . После завершения разработки их следует минифицировать ( grunt или вручную). Это тоже даст прирост.

Изображения можно спокойно жать до 75% качества JPG, если они не представляют художественную ценность, разница минимальна.

gzip - это возможность сервера предоставить ответ на ваш запрос в архиве - даст ли это ощутимый эффект - нужно пробовать и смотреть

Comments

[Erling]

Виталий такой вопрос: если уже сжатые изображения все-равно предлагает пережать, иначе 100% не получается, хотя если их сжать еще больше, то появятся явно заметные артефакты - как быть?

[Юрий Янин]

Erling: рисовать вектором и в svg XD

[Виталий]

Erling: это советы, а не обязательства .. так что смотреть на качество потимальное для вас качество / размер картинки
Вот еще статья про сжатие картинок (eng) - https://medium.com/@1000ch/we-should-optimize-imag...

Answer 2

[Александр Булгаков]

попробуй это www.website-performance.org

Answer 3

[Алекс Глебов]

Сжатие изображений это не разрешение, а вес. Это можно делать в фотошопе при сохранении для веб, там есть ползунок качество.

Comments

[Игорь Воротнёв]

Компрессия в ФШ ужасна, лучше делать через специальные инструменты. Сравните например результат Radical image optimization tool (Win) или ImageOptim (Mac) и фотошопа. Сильно удивитесь.

[Юрий Янин]

Игорь Воротнёв: я буду сильно удивлен если при современной скорости передачи данных, мне что-то даст уменьшение фото на 12 кб.

[Игорь Воротнёв]

Юрий Янин: 1. Вопрос зачастую не в 12Кб а в 200 и более. 2. Пользователи мобильного интернета даже при хороших скоростях платят за трафик, и платят дорого. 3. Скорость загрузки страницы и всех ее файлов имела значение, и будет иметь всегда. Чем быстрее - тем лучше.

[Юрий Янин]

Игорь Воротнёв: Вопрос в том, насколько данные изменения, дадут прирост в скорости загрузки. Стоит ли игра с этими пунктами свеч? Если я получу прирост в пол секунды то не стоит.

[Игорь Воротнёв]

Юрий Янин: полсекунды очень даже имеет значение. 200мс и 700мс - это большая разница. И опять же, не забывайте про трафик, который дорого обходится мобильным пользователям.

[Алекс Глебов]

Юрий Янин:
Пол секунды на проводном инете это 10 секунд с телефона