Адаптивный дизайн для древнего сайта с табличной версткой (3)
Самостоятельная работа над сайтом
Был еще вариант использования phpBB3 на отдельном поддомене, но опять же, и здесь нашлась куча минусов. Во-первых, за годы работы сайта я внес сотни правок в код данного модуля, и мне не хотелось бы терять данный функционал. Во-вторых, для форума на отдельном поддомене пришлось бы разрабатывать дизайн в стиле основного сайта, что означало время и деньги. В-третьих, просмотрев код phpBB3 я обнаружил опять же огромнейшее количество подгружаемых стилей, скриптов и до невозможности раздутый код, от чего я так долго и успешно уходил.
Пришлось опять с головой погрузиться в интернет и попытаться по крупинкам отыскать, что же делают люди хоть и не в моем, но в похожих случаях. Оказалось, что у проблемы есть хоть и не совсем изящное, но все же неплохое решение: если, например, на дескотопе пользователь видит форум целиком, то на смартфоне форум также целиком грузится в браузер, но пользователю совсем не обязательно показывать все столбцы таблицы. Например, столбец с датой последней публикации можно и скрыть от пользователя. Тогда оставшиеся столбцы вполне комфортно себя чувствуют даже на 4-м iPhone. Данный метод я использовал и в дальнейшем, в частности, в модуле вакансий для моряков. Работа над форумом предстояла огромная, но уже было понятно, что делать и к чему стремиться.
Работа над сайтом высветлила множество проблем, на которые раньше просто не обращал внимания. Например, в новый дизайн не сильно вписывались дата и время, которые ранее были на каждой странице в шапке. Это заставило задуматься, а нужны ли они вообще? Что, пользователь не знает, какая сегодня дата? В общем, все это лишний и никому ненужный код. Другой момент… Ранее у меню был небольшой заголовок: «Главное меню». А кому такой заголовок нужен? На сайте всего одно меню и подписывать на каждой странице, что это меню, - вещь абсолютно бестолковая.
Была исправлена работа и многие проблемы в логике работы различных модулей сайта. Например, после входа на сайт пользователь попадал только на главную страницу сайта, а не на ту страницу, которую он только что читал. Это напрочь отбивало у пользователей желание что-то комментировать. К настоящему моменту все модули приведены к более или менее однотипному дизайну. Также были произведены многочисленные изменения в плане SEO, заменены рекламные блоки Adsense, выброшены некоторые модули, т.е. была произведена дополнительная колоссальная работа, которая к адаптивному дизайну вообще отношения не имела.
Так или иначе, но к началу ноября сайт стал полностью адаптивным. Настало время выкладывать его на сервер, но тут оказалось, что я вообще могу убить сайт в процессе загрузки на сервер. А все из-за того, что в стране, которой я находился, был очень плохой интернет, который к тому же мог исчезнуть в любой момент. И я стал ждать удобного момента. Как оказалось, что все это не зря, т.к. сайт был еще очень сырым. В процессе ожидания удобного момента я внес сотни небольших правок в код и дизайн.
В общем, удобного момента я так и не дождался и после контракта в конце декабря вернулся домой. Дома вся работа с сервером заняла у меня всего лишь пару часов. Сейчас начало января. Думаете, работы с сайтом я закончил? Куда там… На многих страницах оказался невалидный код, также невалидным оказался CSS, что я благополучно победил. Занимаюсь SEO-аудитом с внесением различных исправлений. Также появляется куча новых идей, которые я продолжаю реализовывать.
Стоило ли заниматься адаптивным дизайном?
Несмотря на то, что CSS увеличился в 2 раза, код страниц стал более компактным, т.е. сайт стал грузиться намного быстрее.
Сайт смотрится хорошо и на десктопе, и на небольшом ноутбуке, и на планшете, и даже на смартфоне.
В 5 раз вырос доход от Adsense!
Добавились новые возможности.
Жду улучшения ранжирования, а соответственно и посещаемости.
В общем, сайт продолжает жить и развиваться.