Вопросы по поводу блоков CSS

12
Andy HaRd
На сайте с 06.02.2015
Offline
39
860

Здравствуйте, уважаемые.

Возник такой вопрос.

1) Если в основном файле стилей есть пустые блоки, вида ".block {}" - влияют ли они отрицательно хоть на что-то? Загрузка сайта, оптимизация.

Так как у меня в коде есть множество таких, стоит ли заняться чисткой?

2) Как правильнее всего расположить на сегодняшний день блоки CSS? и влияет ли изменения вида вообще на оптимизацию, продвижение в целом?

1 вариант:

.block {color:red; background-color:red;}

2 вариант:

.block {

color:red;

background-color:red;

}

3) отсюда возникает еще один вопрос, отступы (во втором варианте) перед "color:red;" и "background-color:red;" - имеют ли какое-либо отрицательно влияние на продвижение/оптимизацию?

4) Влияет ли кол-во комментариев в коде CSS отрицательно на что-либо? (Вида /* коммент */)

Gerga
На сайте с 02.08.2015
Offline
94
#1

Andy HaRd, css косвенно влияет на продвижение.

1. Уберите пустые.

2. Вариант .block {color:rgb(255,0,0); background-color:rgb(255,0,0)}

3. Нет

4. У вас должны быть 2 версии сайта. Первая, рабочая - все файлы сжаты, для достижения максимальной скорость. Вторая, для работы над сайтом.

Если ваш CSS файл слишком большой, можете скачать оптимизированный вариант от Google https://developers.google.com/speed/pagespeed/insights/

Geers
На сайте с 12.04.2011
Offline
487
#2

ТС, пс вообще не читает стили, кроме разметки и спец тегов, типа H1...H6 и т.д.

totamon
На сайте с 12.05.2007
Offline
437
#3
Andy HaRd:
CSS? и влияет ли изменения вида вообще на оптимизацию, продвижение в целом

займитесь делом, хватит параноить... всего 4 пункта придумали? на продвижение они не влияют, придумайте еще что-нибудь))

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
Andy HaRd
На сайте с 06.02.2015
Offline
39
#4

Всем спасибо за ответы.

Тогда в таком случае

Gerga:
1. Уберите пустые.

Зачем? - значит все-таки влияют на что-либо? :)

На загрузку сайта хоть что-либо из моих пунктов влияет вообще?

Кстати еще один вопрос, параллельный первому.

Если в html указано

"<div class="block_one"></div>"

а в css

".block_one {}"

В таком случае это плохо повлияет на что-либо?

Извините, если запарил уже с однотипными вопросами, но хочу уж точно во всем этом разобраться)

Geers
На сайте с 12.04.2011
Offline
487
#5
Andy HaRd:
Зачем? - значит все-таки влияют на что-либо? :)

Зачем пустые классы нужны? меньше кода - быстрее загрузка. Логично же.

Хотя это особо ощутимо не будет.

eis
На сайте с 18.10.2008
Offline
473
eis
#6
Andy HaRd:
1) Если в основном файле стилей есть пустые блоки, вида ".block {}" - влияют ли они отрицательно хоть на что-то? Загрузка сайта, оптимизация.
Так как у меня в коде есть множество таких, стоит ли заняться чисткой?

Да, стоит заняться чисткой ☝

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
vandamme
На сайте с 30.11.2008
Offline
675
#7

Ни на что не влияет, тем более на выдачу. Для множества cms есть модули оптимизаторы css которые все сжимают, удаляют, чистят, фиксят, делают ништяк в общем. Дублировать свойства не вижу смысла.

R
На сайте с 11.10.2015
Offline
35
rgz
#8

1) Сами пустые стили не влияют на рендеринг страницы. Влияют на скорость загрузки в милисекундах за счет большего объема самого файла css. Глазу это не заметно.

2) в режиме отладки пишите стили как Вам удобно. Пока что-то постоянно меняете, удобнее использовать

.block {

color:red;

background-color:red;

}

Как только сайт наладится можите сжать стили вида .block {color:red; background-color:red;}. (см gzip)

А у себе оставить

.block {

color:red;

background-color:red;

}

чтобы можно было легко менять в случае чего.

3) много что влияет на оптимизацию)

4) комментарии нужны только для Вас и для разработчиков, чтобы разбираться в коде. Пользователям они не нужны. На отлаженном сайте можно смело удалять.

totamon:
займитесь делом, хватит параноить... всего 4 пункта придумали? на продвижение они не влияют, придумайте еще что-нибудь))

Человек занимается делом) Конечно это не даст мега продвижения. Но на продвижение, хоть косвенно, но они влияют. Или Вы знаете формулу ранжирования?

Включите логику. Что хорошо будет пользователю сайта -то хорошо для ранжирования. Пользователю хорошо чтобы сайт быстро рендерился и загружался? Думаю да. Стили влияют на эти скорости - да.

Другой вопрос - стоит ли тратить время именно на оптимизацию стилей, которые могут в итоге дать прирост в пару милисекунд.

Лучше всего открыть панель разработчика (вкладку network или Сеть)

и посмотреть как быстро загружается страница. Если все в пределах нормы - значит пока не стоит заниматься оптимизацией стилей.

Если же сайт грузится более 3 секунд - тут уже стоит что-то отлаживать, в т.ч. может быть причина в стилях.

The WishMaster
На сайте с 29.09.2005
Offline
2542
#9
Andy HaRd:
имеют ли какое-либо отрицательно влияние на продвижение/оптимизацию?

Да оно вообще не влияет...

Пешу текста дешыго! Тематики - туризм, СЕО, творчество, кулинария, шизотерика :)
Gerga
На сайте с 02.08.2015
Offline
94
#10

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

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий