НеРедизайн сайта или мечты сбываются
Очень давно хотел сделать пару вещей для своего сайта, чисто визуальных изменений. После колупания в коде были внесены следующие изменения:
- Некоторые ссылки теперь стали объемными при наведении – очень мне нравится такой их вид. Я затронул только те, что внутри записей/комментариев + прочие важные ссылки.
- Родные древовидные комментарии от WordPress – очень хотел, да и их необходимость чувствовалась. Я написал их внешний вид с нуля сам, благо возможность эту заложил достаточно давно, еще когда только вышел WP 2.7.1 (первоначально этот шаблон не поддерживал древовидность).
- Немного порезал файл стилей, удалив старые классы, которые остались от предыдущих видоизменений дизайна.
- Косметические изменения на страницах рубрик, страниц.
- Убран блок Популярное в сайдбаре за ненадобностью подобного функционала, где отображались записи с наибольшим количеством комментариев. Вместо него перенес Ключевые слова. Это дало уменьшение количества запросов к базе.
- В сайдбар перенес блок с информацией о записи, но пока не удалил ее на старых местах. Просто пытаюсь понять, удобно ли вам там будет смотреть ее или не трогать и оставить на старом месте?
В планах:
- Оптимизировать файл стилей окончательно.
- Сделать загрузку стилей комментариев зависимой от текущей страницы (то есть на морде и на страницах грузится стили блока комментариев не будут, что увеличит скорость загрузки сайта, а на странице записей – будут).
- Убрать дубликаты js и все перенести в подвал (сейчас малая часть плагинов вставляют js в шапку).
- Прочие мелкие, но нужные изменения.
Прошу ответить на вопрос: Какая информация в сайдбаре была бы вам полезна?
В сайдбаре было бы неплохо, на мой взгляд, держать список записей с пометкой Featured, так сказть, набор полезных ссылок для любознательных.
А вот календарь мне здесь кажется лишним. Ведь сайт посвящен не личной жизни, где дата события и их календарь ещё пригодились бы. Здесь ценна сама информация, а не её привязка ко времени.
Что касается оптимизации, а у тебя уже отдаются все css и js в формате gzip, если такое поддерживается? Я на своём одном сайте так сделал, скорость повысилась в разы. Элементаным скриптом сжал все css и js автоматически и прописал в htaccess’е правила загрузки.
AlterVision,
Да, у меня поддерживается gzip. Я сжимаю сейчас через zlib. Когда-то я сделал все через gzip, но там возникли проблемки в админке со скриптами и я отключил тогда…
Про календарь и избранные понял – спасибо, это хорошая идея, уже знаю, как это сделать лучше.
а как ты перевел с gzip-а на zlib? скомпилировал веб-сервер с поддержкой? а дальше? :)
Я ничего не компилировал :)) Сервер поддерживает и то, и другое, все включено. Я просто прописал в шапке zlib сжатие контента. А gzip’ом не пользуюсь пока.
делитесь уже кодом :) /у меня на сервере основные траты памяти – это ротация логов с сжатием../
Может эта статья статья поможет?Только вот хотелось бы узнать,как правильно установить level,может кто подскажет?
Я же в комментариях тут писал, что у меня и так стоит zlib сжатие. А уровень лучше ставить дефолтный – 1. Иначе заметно время генерации вырастет, что не есть хорошо…
это нужно делать – когда виртуальных хостинг.. а так – eaccelerator или APC..
“2. Сделать загрузку стилей комментариев зависимой от текущей страницы ”
Мечта…
Александр,
На самом деле это легко сделать :) Если хочешь, я выложу код потом (сегодня выйдет твой шаблон здесь, завтра код выйдет, если я его сделаю).
Пользовался css-js-booster, но он:
1) еще сырой
2) последняя версия содержала BOM и выбила мне три сайта.. столько времени потратил чтоб выяснить кто виноват… (скажите – ну активировал и проблема – вот и виновник, ан нет! самое интересное – что мой компьютер и в FF и IE – открывал сайты без проблем! а у других – куча символов на экранах..)
От кода не откажусь :) хочется стили использовать только те – которые нужны.. если бы еще автоматизировать “деление” файла стиля…
Рекомендую использовать самые что ненаесть простые решения, сделанные ручками) Чтобы никакой лишней нагрузки на сервер. Сами по себе файлы css и js меняются так редко, что можно и вручную один раз запустить скрипт замены. Могу на эту тему подкинуть материала – всё просто до ужаса, работает на сайте http://www.fld.mrsu.ru.
Подбросьте, если не сложно :) Зачем искать то, что уже другими найдено, так ведь? ;)
Да не вопрос, уже дописал, смотрите) Думаю, это и так все знают, я просто всёл вместе самые элементарные вещи.
Вот небольшая статейка, надеюсь, будет полезна:
http://www.av13.ru/post/576/speeding-up-site-with-css-js-compression/
Кстати, древовидные комментарии просто супер! ;)
@AlterVision:
Спасибо за ссылку. Но ох как натужно сайт ваш грузится… Так пока и не загрузилось…
За оценку древовидности – спасибо :)
Так на своём я так до сих пор эту технологию и не применил, надо будет заняться, у меня там ужас сплошной, ибо сапожник всегда сам без сапог ;)
автоматизация лучше :)
Не спорю, намного лучше) Может, как времени и пива будет побольше, сделаю всё это полностью автоматизированным, ручками придётся только нажать на кнопку “Сделать всё зашибись” =)
если что – готов “по-работать” вместе ;)
Мне понравилась такая кнопка! Хочу себе такую ;)
Автоматизация – следствие полнейшего лентяйства сисадмина :)
Моя профессия – это создание именно таких вот кнопок, я же “автоматизатор интернета” =)
Сейчас только диплом добью, и я весь ваш, товарищи, сотворим полезного веб-софта)
Как это актуально… Тоже над дипломом работаю :)
Вау…древовидность клевая…и как раз под дизайн моего сайта…а как такое осуществить…может статейку напишите slaFFik:!)))
Альберт,
Я могу, в принципе, выложить свой код и стили комментариев, если надо… Только это к BuddyPress не сильно относится :) Разве что к блогам на BP.
Я посмотрел ваш сайт – действительно, к вашему дизу подойдет хорошо.
Ну я подумал у себя на главной странице так осуществить…ну там комментарии к записям так же замутить….вроде должно получиться!
Я даже рад если вы выложите стили к древовидности…мне даже и так нравиться…ну прям все под мой сайт!))))