jkeks блог


Верстка у cpalil.ru (Секреты CPA), как надо и как не надо делать.



5.1.2017 1557 просмотров ;)


Начал эту заметку потому что мучался в последнее время тем что начал думать о грехе: разделять мобильную и десктопную верстку по разным шаблонам. И на глаз попался достойный пример с сокрушиельным разносом моих зачатков инакомыслия.

http://cpalil.ru/ — выглядит как адаптивный дизайн

т.е. по сути всего 2 вида.. десктопный и мобильный. В мобильном:

  1. вырезается баннер
  2. меню скрывается в кнопку
  3. блоки со статьями становятся в столбик
  4. сайдбар уходит вниз

Давайте посмотрим внутри (gf, или Ctrl-u для женщин и детей). Буду писать то что меня удивило в исходнике http://cpalil.ru

  1. Яндекс.Метрика сразу в head
  2. Прописана иконка для iOS но не нашел иконки для Android, а родной favicon взят у Mainlink
  3. Задействованы dns-prefetch, что бы ускорить работу сайта
  4. Огромное количество стилей, штук 14.
  5. WordPress не обновлен до 4.7 а все еще 4.6.1
  6. Тема купленная на themeforest smart-mag за 62$, незнаю, почему я всегда очковал покупать хорошие темы.. все же классно оказывается.
  7. Не без конкретных ошибок в HTML коде
  8. Стили дополнительно кусками разбросаны по HTML коду
  9. HyperComment

Вообщем-то стало ясно одно:
Шаблон тупо куплен, и он более менее красивый и адаптивный. Если сидеть все пилить самому, можно так присесть, что начнешь заниматься инакомыслием. Вердикт для меня теперь ясен как гром: Не парься, бери годный шаблон у профессионалов и займись делом !

 

Хотел все ж добавить. Хоть шаблон и красивый, но внутри все же каша и мешанина, особенно бесят вездесущщие виджеты лайков, наверное половина кода, это какие-то JavaScript  и CSS куски, торчащие и портящие созерцание внутренних органов сайта.







Видеочат рулетка

jAntivirus Рейтинг@Mail.ru