Старый 26.05.2017, 19:34   #61
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Вредный совет.
Как получить 100% по PageSpeed Insights за изображения

Элементарно! Использовать на сайте только .pnd, так как Гуглу он нравится практически в любом виде:


Я взял 2 одинаковых изображения, которые сделал из скриншота экрана. Размером в 241 000 байт каждое. Сохранено Фотошопом для Веб и устройств.
Если сделать их по 800 пикселей, ошибок не будет вообще.

И на скриншоте выше отлично видно, что у проверки скорости претензии есть только к .jpg картинке, которую предложено оптимизировать или скачать по ссылке готовый вариант на 79 килобайт. Качество там, если честно, ужасное.

Забавно. Но лучше так не делать.

Кстати, Гугл сам почему-то забывает про Ретину, которой для нормального отображения нужны картинки высокой четкости (в 2 раза больше обычных, иначе "мылит").
Вот и получается странный вывод, что если на сайте у нас картинка 1024px шириной и нормально сохранена (Фотошоп, как минимум) ее можно использовать спокойно на разрешениях и последних Айфонов и для Айпадов...
D.iK.iJ вне форума   Ответить с цитированием
Старый 27.05.2017, 10:49   #62
Мастер
 
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 194
qkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущее
По умолчанию

Цитата:
Сообщение от D.iK.iJ Посмотреть сообщение
И на скриншоте выше отлично видно, что у проверки скорости претензии есть только к .jpg картинке, которую предложено оптимизировать или скачать по ссылке готовый вариант на 79 килобайт. Качество там, если честно, ужасное.
Я столкнулся как-то с тем, что бывает "лучше упоминание в тексте страницы несуществующей картинки, чем реальная большая" (при условии, правда, что 404 ошибка nginx'ом обрабатывалась ЗАВЕДОМО БЫСТРО!).

История была такая:
- на сайте был выпендрёжный логотип, построенный из довольно большого джипега и надписей (стилизованных градиентами и тенями) поверх него.
- при помещении логотипа на сайт уеб-мастер написал .png, а положил .jpg
- так как вебдизайнер был достаточно разумен, при отсутствии картинки логотип всё равно выглядел красиво, и сайт "так и сдали".
- сайт работал, систематически висел в топе, все были довольны.
- я случайно обнаружил (просматривая статистику по серверу) бешеное количество 404 ошибок и, движимый желанием "исправить явную ошибку" ИСПРАВИЛ в темплейте сайта src картинки с .png на .jpg
- сайт через некоторое время ПРОВАЛИЛСЯ в выдаче на следующую страницу, клиент стал справедливо беситься и есть мозг оптимизаторам.
- к счастью, вебмастер полез "смотреть что изменилось с прошлого раза", и по результатам разговора со мной убрал из темплейта упоминание о этой картинке вообще.
- сайт вернулся в топ.
qkowlew вне форума   Ответить с цитированием
Старый 06.06.2017, 17:23   #63
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

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

Все коды из сети огромные и громоздкие. Придумал вот свой:
Цитата:
<script async onload="start();" type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<div id='vk_comments'></div>

<script type="text/javascript">
function start(){
VK.init({apiId: 2908241, onlyWidgets: true});
VK.Widgets.Comments("vk_comments", {limit: 5, width: "496", attach: "*"});
}
</script>
Блоки поделиться от Яндекса перенес на асинхронный код, только async на defer заменил.
Цитата:
<script defer charset="utf-8" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script defer charset="utf-8" src="//yastatic.net/share2/share.js"></script>
<script type="text/javascript">
document.write('<div style="display: table; text-align: left;" class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir, gplus,pinterest,twitter,digg,reddit,evernote,lj,po cket,tumblr,viber,whatsapp,skype,telegram" data-counter="" data-limit="7" data-image="http://'+location.hostname+'/ascreen.jpg"></div>');
</script>
Ну и в Метрике, понятно, заменил
s.src = "https://mc.yandex.ru/metrika/watch.js";
на
s.src = "https://d31j93rd8oukbv.cloudfront.net/metrika/watch_ua.js";
D.iK.iJ вне форума   Ответить с цитированием
Старый 26.02.2018, 09:32   #64
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Я тоже! Я тоже хочу письками меряться как на Серче!
Новый! Инновационный! Адаптивный шаблон на HTML5 скачай бесплатно без регистрации и СМС!
100 / 100 по Гугл! Минималистичный Flat Design. :lol:

D.iK.iJ вне форума   Ответить с цитированием
Старый 25.04.2018, 02:56   #65
Мастер
 
Аватар для pp_2010
 
Регистрация: 11.03.2011
Адрес: Страна 404
Сообщений: 904
Вес репутации: 218
pp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущееpp_2010 - прекрасное будущее
По умолчанию

2016 год... обсуждение оптимизации... под всё)) это делается за три дня (лениво), за 7 - с проработкой подо все ширины пикселей (вроде как 5 вариантов в css). Давайте лучше Брежнева вспомним и ламповые радиолы. Душевно так. И без чипов.

Добавлено через 1 минуту
К 2018 году - купите тухляк с адаптивным дизайном за 10т.р. и допилите - всё быстрее.

Добавлено через 41 секунду
Допиливание - неделя. Зато класс.

Последний раз редактировалось pp_2010; 25.04.2018 в 02:56. Причина: Добавлено сообщение
pp_2010 вне форума   Ответить с цитированием
Старый 29.04.2018, 06:25   #66
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Цитата:
Сообщение от pp_2010 Посмотреть сообщение
Допиливание - неделя. Зато класс.
Да, все верно
Мне кажется, что проверять верстку по 10 - 15 браузерам - это хорошо.
D.iK.iJ вне форума   Ответить с цитированием
Старый 29.04.2018, 19:07   #67
Эксперт
 
Аватар для MonAmur
 
Регистрация: 03.07.2007
Адрес: Chinatown
Сообщений: 7,265
Вес репутации: 608
MonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущее
По умолчанию

Цитата:
Сообщение от D.iK.iJ Посмотреть сообщение
Новый! Инновационный! Адаптивный шаблон на HTML5
молодец! отличная работа! обязательно заюзаю.
MonAmur вне форума   Ответить с цитированием
Старый 30.04.2018, 17:16   #68
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Цитата:
Сообщение от MonAmur Посмотреть сообщение
молодец! отличная работа! обязательно заюзаю.
Эх. Нет, вот в это я точно не могу поверить. С дизайном у меня все довольно туго... просто как-то попросили набросать такой вот простой шаблон.
Не пропадать же добру
D.iK.iJ вне форума   Ответить с цитированием
Старый 01.05.2018, 18:39   #69
Эксперт
 
Аватар для MonAmur
 
Регистрация: 03.07.2007
Адрес: Chinatown
Сообщений: 7,265
Вес репутации: 608
MonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущееMonAmur - прекрасное будущее
По умолчанию

Цитата:
Сообщение от D.iK.iJ Посмотреть сообщение
Эх. Нет, вот в это я точно не могу поверить. С дизайном у меня все довольно туго...
дизайн решается картинками. главное, остов шаблона чОткий.
MonAmur вне форума   Ответить с цитированием
Старый 02.05.2018, 17:38   #70
Дикий
 
Аватар для D.iK.iJ
 
Регистрация: 02.06.2007
Адрес: <Noindex>
Сообщений: 2,551
Вес репутации: 354
D.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущееD.iK.iJ - прекрасное будущее
По умолчанию

Цитата:
Сообщение от MonAmur Посмотреть сообщение
дизайн решается картинками. главное, остов шаблона чОткий.
Тогда уж нужно фон с параллаксом, полупрозрачные плашки и все такое.
Как-то пробовал набросать что хочу... но все равно не очень уверен.

D.iK.iJ вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Оптимизация сайта koctik Общие вопросы оптимизации 5 13.07.2013 15:23
SEO оптимизация сайта birja Общие вопросы оптимизации 2 13.04.2012 10:54
Задачка... 3 строчки на JS. Хелп! MonAmur Разработка и сопровождение сайтов 3 08.10.2009 14:50
Оптимизация сайта sunplant Общие вопросы оптимизации 9 25.11.2008 09:15
оптимизация сайта :( pha Яндекс 1 10.12.2007 15:54


Часовой пояс GMT +3, время: 11:42.