Comments 28
У вас КДПВ весит 2 мегабайта
Вместо
Совет про CSS спрайты с выходом HTTP/2 уже не такой однозначный.
<img src="hoge.jpg" width="100" height="100">
<div style="background-image: url('hoge_x1.jpg'); background-image: -webkit-image-set(url('hoge_x1.jpg') 1x, url('hoge_x1.jpg') 2x);"></div>
Совет про CSS спрайты с выходом HTTP/2 уже не такой однозначный.
Еще одна 100500 статья на эту тему, причем слабая
А что насчет того, чтобы оптимизировать изображения не десктопными инструментами и приложениями? Или речь о хоумпейджах
И что насчет «моментальной» загрузки? Хотел именно про это услышать, подумал, что-то новое может изобрели.
А так заголовок просто вранье.
А что насчет того, чтобы оптимизировать изображения не десктопными инструментами и приложениями? Или речь о хоумпейджах
И что насчет «моментальной» загрузки? Хотел именно про это услышать, подумал, что-то новое может изобрели.
А так заголовок просто вранье.
Ну у них там типа план на 10 пунктов и это были только два. :) Про кеширование собираются вот в пункте 6 рассказать.
А вообще фигня полная да, все 10 пунктов это десяток предложений если без воды.
Ну типа юзай cdn, кешируй пехепешечку, разреши браузеру кешировать статику, не давай манагерам грузить bmp на сотни мегабайт.
А еще можно пойти вот сюда developers.google.com/speed/pagespeed/insights и гугл расскажет что надо бы сделать.
А вообще фигня полная да, все 10 пунктов это десяток предложений если без воды.
Ну типа юзай cdn, кешируй пехепешечку, разреши браузеру кешировать статику, не давай манагерам грузить bmp на сотни мегабайт.
А еще можно пойти вот сюда developers.google.com/speed/pagespeed/insights и гугл расскажет что надо бы сделать.
посмотрите на проек Google AMP. это конечно для приложений в текущем виде не очень подходит но как повод задуматься, интересно почитать
mihalich
— Речь о оптимизации всего сайта. В статье описаны первые 2а раздела, по графике будет еще работа с векторными изображениями, кэширование, CDN, lazy load и предзагрузки изображений.
— Хороший результат будет при выполнении всех этапов.
— Речь о оптимизации всего сайта. В статье описаны первые 2а раздела, по графике будет еще работа с векторными изображениями, кэширование, CDN, lazy load и предзагрузки изображений.
— Хороший результат будет при выполнении всех этапов.
У вас собственный сайт под ретину не оптимизирован (смотрю с десктопа) — вся растровая графика плывет.
На ширине экрана 1280 горизонтальный скролл появляется.
Вы уверены, что пришло время на Хабре такие статьи писать?
На ширине экрана 1280 горизонтальный скролл появляется.
Вы уверены, что пришло время на Хабре такие статьи писать?
Буквально недавно многоуважаемый (как минимум лично мной) Брюс Лоусон выступал на какой-то конференции по вопросу использования тега picture (HTML5). Думаю, что не только поддержка браузерами, но и популярность в верстке придёт к picture уже скоро.
Чтоб быстро загружать сайты на мобиле — надо меньше говна фреймворков подключать. Чего твиттер стоит со своими десятками тысяч строк js кода… зависающий на десктопе.
НУЖНО БОЛЬШЕ ТРЕКЕРОВ!
/sarcasm
/sarcasm
Есть концепция — 2-Click social buttons. Выводим либо FontAwesome'овский значок соцсети, либо grayscaled картинку кнопки. По взаимодействию пользователя меняем кнопку на настоящий виджет.
В результате — страница грузится быстрее, +50 к приватности.
В результате — страница грузится быстрее, +50 к приватности.
О какой приватности идет речь? Я не парюсь на её счет совершенно. Кому что-то надо — он это и так узнает :)
речь не о вас (грамотный специалист и так все правильно настроит у себя на машине), а о ваших посетителях. Кому-то это может быть полезным, в зависимости от характера сайта и уровня грамотности целевой аудитории.
Но приватность — это сайд-эффект, основной — уменьшение времени загрузки страницы, причем часто — аж на несколько секунд (я имею ввиду время до остановки спиннера на табе).
Но приватность — это сайд-эффект, основной — уменьшение времени загрузки страницы, причем часто — аж на несколько секунд (я имею ввиду время до остановки спиннера на табе).
PageSpeed Insights и аналогичные оценщики в ряде случаев не дают корректной оценки. Я могу изменить код своего сайта так, чтобы для загрузки страницы понадобилось больше времени, но оценка будет выше по всем таким тестам. Универсальный рецепт — не включать в код то, что там действительно не нужно, ну и думать.
Отдельно хочу удивляться популярности тега picture. Картинка двойного размера с сильным сжатием выглядит лучше, чем картинка обычного, но со слабым сжатием. Тег призывает генерировать тонны картинок на все случаи жизни и передавать больший трафик, а также подставлять костыли всем, кто не хром (лиса только-только подтянулась). Что-то в этой оптимизации пошло не так.
Отдельно хочу удивляться популярности тега picture. Картинка двойного размера с сильным сжатием выглядит лучше, чем картинка обычного, но со слабым сжатием. Тег призывает генерировать тонны картинок на все случаи жизни и передавать больший трафик, а также подставлять костыли всем, кто не хром (лиса только-только подтянулась). Что-то в этой оптимизации пошло не так.
UFO just landed and posted this here
stychos
Это хорошая новость, но также нужно учитывать, что размер веб-сайтов постоянно растет www.webperformancetoday.com/2013/06/05/web-page-growth-2010-2013
Это хорошая новость, но также нужно учитывать, что размер веб-сайтов постоянно растет www.webperformancetoday.com/2013/06/05/web-page-growth-2010-2013
Sign up to leave a comment.
Моментальная загрузка десктопных и мобильных сайтов: часть 1