D.iK.iJ

dikij.com

fb: dikij87

tw: DiKiJcom

dikij

dikij_com

Рейтинг

239

Регистрация

26.05.2013

Должность

Человек-оркестр

Интересы

Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.

Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.

Оптимизация сайта для планшетов и телефонов - в 2 строчки

22 мая 2015, 21:29

Всю жизнь сжимаю картинки через фотошоп / Сохранить для веб.

Ну и вот такой (заодно уж) есть код для включения кеширования через .htaccess:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 604800 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>

<ifModule mod_headers.c>
<filesMatch "\.(ico!pdf!flv!jpg!jpeg!png!gif!swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(css!js!txt!html!htm)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(php!xml)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>

Оптимизация сайта для планшетов и телефонов - в 2 строчки

17 мая 2015, 20:14

99 из 100 это нормально, а не "добился" :)

Давайте поговорим про мобильную версию сайта

13 мая 2015, 09:13

У меня есть такая штука на JavaScript:

if (document.getElementsByTagName("body")[0].offsetWidth<=700) { тут код }

И можно в адаптивном шаблоне не грузить лишние скрипты или "удалять" при помощи innerHTML ненужные блоки ("забивая" их пробелами). Да и много еще чего можно. Например, менять тот же код рекламы Яндекса, Гугла.

Google с 21 апреля будет учитывать, удобно ли просматривать Ваш сайт на смартфонах

13 мая 2015, 09:06

qilly:
Товарищи, а меня вот интересует вопрос.

Те кто делал адаптивные версии сайтов, вы делаете какое количество версий? Делаете ли адаптивные версии для iPad-ов? Вроде бы там разрешение позволяет просматривать сайты с фиксированной версткой под 1024, не пойму нужна ли такая необходимость.

Далаю от 700px и чтобы красиво и плавно все ужималось до 328 где-то.

На своих сайтах с тянущимся дизайном начинаю с 650. Грубо говоря, если повернуть телефон "боком", у посетителя будет нормальная версия сайта.

Оптимизация сайта для планшетов и телефонов - в 2 строчки

13 мая 2015, 08:49

SergeyKocha:
Не надо создавать иллюзий, что мобильная версию это в два присида и в три прихлопа.

Пройти тест на мобильность от Гугла действительно можно довольно легко. Особенно, если сайт с "резиновой" версткой. Да, требуется определенный уровень знаний. И не факт, что все сразу станет красиво.

Кто-то может просто поставить адаптивную тему.

А так, для меня это 12 - 24 часа работы не отвлекаясь, если сайт блочный с фиксированной шириной.

Оптимизация сайта для планшетов и телефонов - в 2 строчки

7 мая 2015, 19:30

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

Тема была в первую очередь про прохождение проверки от Гугла:

http://developers.google.com/speed/pagespeed/insights/

А не про кривые детекторы, кривые копии каких-то статей и чем круче RESS чем viewport. Я вот еще ни разу не видел, чтобы сайт с тянущимся дизайном отображался где-то совсем уж ужасно.

Яндекс не учитывает 301 редирект 4й месяц

6 мая 2015, 21:24

Это норма!

Правда, сам ждал этого склейщика 4 месяца как-то. :(

Авто прокрутка окна сообщений

6 мая 2015, 21:20

Вычисление, допустим, высоты элемента по id: document.getElementById("forma").offsetHeight

Прокрутка на 1000: document.getElementById('forma').scrollTop='1000';

Ну как-то так.

Оптимизация сайта для планшетов и телефонов - в 2 строчки

6 мая 2015, 21:10

SeVlad:
Ну так да :) . Ты забыл?