Меню на JavaScript или CSS

Роман Чернышов    CSS, JavaScript / jQuery, Мысли вслух     css, javasript, меню Комментариев 0 Дата 3 Янв

Прежде всего хочу поздравить всех с уже наступившим Новым 2011 годом! Ну и перейду сразу к сути, дабы не погружаться в долгие повествования, о том как прошло празднование сие события. И так к делу. Сегодня ко мне обратился с просьбой мой давний приятель. Просьба его заключалась в переделки навигационного меню, а так же в проверке работы плагинов на его сайте, которые отвечают за генерацию файла sitemep.xml — карта сайтов.

После моего быстрого анализа сайта, а в частности кода страницы, я обнаружил, что вся навигация сайта выполнена с помощью JavaScript. Признаюсь меню имели очень красивое оформление, а также интересные эффекты медленного развертывания, с плавным изменением прозрачности.

Как оказалось, мой приятель хотел подправить меню таким образом чтобы все ссылки попали в индекс ПС, а также настроить плагины для правильной генерации карты сайта, и включения этих ссылок в нее.

Думаю ситуация вам знакома. И так, каковы же мои рекомендации. В первую очередь следует полностью отказаться от JavaScript в навигационном меню. Дело в том, что поисковые системы, не индексируют вообще ссылки реализованные на JavaScript. В качестве альтернативы использовать CSS, благо с помощью которого можно реализовать все те же самые эффекты и навести такую же красоту.

Более того преимущества CSS очевидны, ведь в случае если у пользователя браузер не будет поддерживать JavaScript или он попросту будет выключен, сайт вообще останется без навигации. Я уж не говорю, если в качестве веб-агента будет использоваться мобильный телефон с примитивным браузером.

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

И напоследок, скорость обработки такой страницы (где визуальные эффекты реализуются по средствам CSS) браузером гораздо выше. Ведь нет надобности, гонять интерпретатор JavaScript.

В заключении лишь добавлю, что порой, все же использование скриптов на странице, бывает оправданным. Например форма обратной связи, позволяющая отправлять сообщение без перезагрузки страницы,  также навигация по списку последних комментарием на сайте, т.к. такие элементы не несут информационной ценности, и ПС они попросту ненужны. А пользователю будет удобнее ими пользоваться.