Личный опыт оптимизации сайта, скорости загрузки страниц

123
iamsens
На сайте с 26.08.2009
Offline
115
#11

для оптимизации надо убрать мускуль =) и апач желательно

[Удален]
#12

Нашел один интересный способ оптимизации скорости загрузки страниц:

<head>
<link rel="stylesheet" type="text/css" href="stylesheet1.css" />
<script type="text/javascript" src="scriptfile1.js" />
<script type="text/javascript" src="scriptfile2.js" />
<link rel="stylesheet" type="text/css" href="stylesheet2.css" />
<link rel="stylesheet" type="text/css" href="stylesheet3.css" />
</head>

Вкратце суть предложенного метода состоит в том, чтобы в теге <head> сначала располагались CSS, а только потом JS. Вызвано это тем, что браузер производит загрузку CSS асинхронно, в отличие от JS.


<head>
<link rel="stylesheet" type="text/css" href="stylesheet1.css" />
<link rel="stylesheet" type="text/css" href="stylesheet2.css" />
<link rel="stylesheet" type="text/css" href="stylesheet3.css" />
<script type="text/javascript" src="scriptfile1.js" />
<script type="text/javascript" src="scriptfile2.js" />
</head>

Оригинал http://code.google.com/intl/ru/speed/page-speed/docs/rtt.html#PutStylesBeforeScripts

donriga добавил 11.04.2011 в 11:51

iamsens:
для оптимизации надо убрать мускуль =) и апач желательно

На файлах чтоле) Без Mysql уже никак к сожалению)

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
#13
Нашел один интересный способ оптимизации скорости загрузки страниц:

1. Времена диалапов прошли уже давно

2. Запихнуть всё в 1-2 файла и не париться.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
[Удален]
#14

Еще варианты оптимизации:

1. Химчистка кода

2. Сжатие css

3. Сжатие и минимизация js

4. Использовать gzip

donriga добавил 11.04.2011 в 12:08

LEOnidUKG:
1. Времена диалапов прошли уже давно
2. Запихнуть всё в 1-2 файла и не париться.

Пользователи с быстрым интернет-соединением очень нетерпеливы. Если страница загружается больше нескольких секунд, то они просто закрывают вкладку. Поэтому, в 2010 году непосредственным фактором ранжирования для Google стала именно скорость загрузки сайта.

N
На сайте с 06.05.2007
Offline
419
#15

donriga, открыл америку. целые книги пишут по клиентской оптимизации.

вот и читай их, а не устраивай из форума блог о том как ты провел лето.

Кнопка вызова админа ()
[Удален]
#16
netwind:
donriga, открыл америку. целые книги пишут по клиентской оптимизации.

На своей шкуре пробую, может еще кто то озадачится :)

Olldman
На сайте с 21.04.2010
Offline
79
#17

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

- можете смело убрать такой !DOCTYPE , потому как что он есть, что его нет, разницы нету. Обозначьте уже правильно тип документа.

Ну и уберите 152 ошибки, на разбор которых уходит время обработчика любого браузера.

Уберите все инлайн-стили в файл, не зря же он у вас подключен.

[Удален]
#18

Какой доктайп укаать? Я убрал вообще его 160 ошибок стало

Brand from Amber
На сайте с 18.08.2007
Offline
293
#19
donriga:
Неделю попилил свой самописный ... движок, удалось достичь 10-20 кратного сокращения времени загрузки страниц...

...теперь время генерации страницы составляет всего-лишь 10-20 секунд!

donriga:
4. Поставил связку nginx+apache+mysql

Супер!

Лучший способ понять что-то самому - объяснить это другому.
Olldman
На сайте с 21.04.2010
Offline
79
#20
donriga:
Какой доктайп укаать? Я убрал вообще его 160 ошибок стало

- в вашем случае это:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Элемента noindex не существует в природе, это извращение придумано яндексоидами, пользуйте <!--noindex--><!--/noindex--> - яша уже давно справляется с этим комментарием.

			 <div class="c">

<div class="whenOpen">
<div class="fSub clearFix">
<h3>
<div class="fDetails wSeeAll">
</div>
<div class="fSeeAll">
</div>
</h3>

</div>
<div class="flexBox clearFix aPad"><table width=100%>это типа меню</table></div>
</div>
</div>
</div>
- просто чудовищная конструкция.

К чему такое нагромождение элементов div, да еще и в элементе H3? Ведь браузеру предстоит "переварить" весь этот ужас, загрузить и обработать все inline-стили, которыми напичкан html-код и постараться отобразить страницу - на это также нужно время. По поводу меню с помощью таблиц - http://realtsib.ru/oldman/create_menu.html .

Вы вроде как оптимизируете сайт, но оптимизация не заканчивается программной частью, есть еще код html.

Без обид, надеюсь...

123

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