D.iK.iJ

D.iK.iJ
dikij.com
fb: dikij87
tw: DiKiJcom
dikij
dikij_com
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
Оптимизация сайта для планшетов и телефонов - 2

Вредный совет.

Как получить 100% по PageSpeed Insights за изображения

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

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

Если сделать их по 800 пикселей, ошибок не будет вообще.

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

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

Кстати, Гугл сам почему-то забывает про Ретину, которой для нормального отображения нужны картинки высокой четкости (в 2 раза больше обычных, иначе "мылит").

Вот и получается странный вывод, что если на сайте у нас картинка 1024px шириной и нормально сохранена (Фотошоп, как минимум) ее можно использовать спокойно на разрешениях и последних Айфонов и для Айпадов... 🙄

Исходный код страницы с редиректом

Думаю, там что-то вроде

<?php
header("HTTP/1.0 301 Moved Permanently"); header("Location:http://site.ru/"); die;
?>

Но только 302 :)

Зачем PageSpeed Insights советует бред?

Странно, что он у меня перестал совсем ошибки верстки выдавать. Было удобнее.

Стандартные коды смайлов (emoticons) на форумах

Взять смайлы из UTF-8 - как и есть у ВК и Инстаграмма, насколько я понял. И отрисовать :)

Страница не оптимизирована для мобильных устройств

Ладно, не сочтите за рекламу, но у меня вот тот сервис довольно точно показывает ошибки. Почти как раньше - Гугл.

http://adaptivator.ru/

Думаю, процентов на 90 из 100 - совпадает.

Как скрыть блок с Adsens после клика?

Да все довольно просто. Берем скрипт отслеживания клика по фрейму пример. Только вместо фрейма ставим адсенс. А вместо алерта - закрытие нужного нам блока.

<div onmouseover="javascript: window.focus(); window.onblur=function(){ alert('Клик!'); }" onmouseout="window.onblur=function(){}">
<center><iframe src="/Loading.gif" class="img" border="0" frameborder="0" scrolling="no" style="background-color: white; width: 50%; height: 150px; border: 1px solid #666666;"></iframe></center>
</div>



---------- Добавлено 24.05.2017 в 02:57 ----------

Да, если не разбираетесь, то вот готовый пример. Тут добавлена задержка, чтобы клик успел пройти. Ну и можно использовать любое количество раз и на любую рекламу / виджеты подписки и кнопки.

<div onmouseover="javascript: th=this; window.focus(); window.onblur=function(){ setInterval('th.style.display=\'none\';', 600); }" onmouseout="window.onblur=function(){}">

Тут Адсенс

</div>

Защита персональных данных.
komdir:
Другими словами, кто может четко сформировать перечень требований по пунктам, что должно быть выполнено в и.магазине для полного исключения или максимального уменьшения возможных претензий со стороны роспотребнадзора или покупателя?

Регистрируясь в данном магазине я подтверждаю, что оставляю свои персональные данные с целью

- Рассылать мне спам от 10 раз в день.

- Выдавать подарки.

- Продавать мои персональные данные всем, кто захочет по рубль двадцать.

- присылать СМС

- Чтобы пьяный админ мог звонить ночью и разговаривать за жизнь

- Печатать персональные данные на заборе и туалетной бумаге

- Хранить в базе данных в открытом виде и паролем пароль.

Дата подпись.

Ну и строгий надзор за соблюдением всех условий. Примерно вот так и планирую на сайтах разместить, пока ничего лучшего нет.

Зачем PageSpeed Insights советует бред?
SeVlad:
..и подумай, как можно советовать огромный png, если в данном случае нужен jpg.

Так на то они и "вредные советы". Ну вот кому-то может начальство условие поставило - оптимизируй сайт по скорости на 100% или атата кочергой будет. А тут хоть какое-то решение.

Сам видел, когда владелец сайта хочет 100%, а Гугл не дает из-за jpg картинки со смайликами.

VaM:
Вот пример 100 баллов из 100 возможных

Только каждый раз вздрагиваю, когда такое нечто без стилей грузится... не лучшее первое впечатление. Может что-то "на бумажке" и стало быстрее, но пользоваться сайтом без стилей - один фиг нельзя :)

Да, стоит только повесить рекламу от Гугла, счетчик любой, кнопку Поделиться, шрифт и Жиквери (можно и с того же Гугла) как скорость грохнется навсегда. И все. Останется непонятно как загружающийся сайт и 70 - 80% по скорости.

Подскажите по скрипту

Думаю, весь скрипт можно сократить до чего-то вроде

if (document.getElementsByTagName("body")[0].offsetWidth > 970) {
window.setTimeout(function () {
new_location = window.location.href.replace("site.ru/modul", "site.ru");
window.location.href=new_location;
}, 15000);
}
Зачем PageSpeed Insights советует бред?
SeVlad:
Блин, держался что бы не флудить не потеме, но уже нет сил.
Пишешь бред и даёшь советы космической глупости от не понимания графики как таковой. png тоже можно и НУЖНО сжимать. Еслине сжимать, то гугл на png будет "ругаться".

Компетентный отзыв, да. Если бы не одно НО. Мне-то стыдно обосраться на форуме и сказать чушь. :)

2 изображения из скриншота.

241 000 каждое, сохранено Фотошопом для Веб. Ширина 1024 (если сделать 800, претензий не будет вообще).

На странице http://dikij.com/test4.php

И что мы видим по тесту Гугла? https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdikij.com%2Ftest4.php

Я вот один хоть как-то пытаюсь "факты" проверять. 🍿

Да, Гугл предлагает оптимизировать (или скачать) ТОЛЬКО jpg весом в 79000 и ужасным качеством. Потому скажу еще раз - инструмент не очень. И туповат. Обмануть - как нечего делать. Но если хоть половина людей будут сохранять картинки минимум через фотошоп, будет луше. Особенно, если они будут вменяемого размера, а не 6000 на 5000.

Для начала этого хватит за глаза.

1... 187188189190191192193194195 ...293
Всего: 2928