Оп­ти­миза­ция — это из­бавле­ние сай­та от лиш­не­го, не­нуж­но­го со­дер­жи­мого. Оп­ти­миза­ция про­ходит по трем нап­равле­ни­ям:

1. Оп­ти­миза­ция ис­ходно­го ко­да сай­та.
2. Оп­ти­миза­ция гра­фичес­ко­го со­дер­жи­мого.
3. Оп­ти­миза­ция для по­ис­ко­вых сис­тем.

Оп­ти­миза­ция ис­ходно­го ко­да сай­та.

Иног­да, нап­ри­мер, при ис­поль­зо­вании раз­личных ре­дак­то­ров для на­писа­ния ста­тей или же при нег­ра­мот­ной верс­тке в ко­де сай­та по­яв­ля­ет­ся мно­го лиш­не­го ко­да. И ес­ли для поль­зо­вате­ля этот код не ви­дим, то для бра­узе­ров он весь­ма за­метен и при­водит к то­му, что уве­личи­ва­ет вре­мя заг­рузки стра­ницы сай­та. Нап­ри­мер:

Есть статья, раз­ме­щен­ная на сай­те га­зеты, раз­ра­бот­кой ди­зай­на ко­торой за­нима­лась на­ша сту­дия. Статья выг­ля­дит сле­ду­ющим об­ра­зом:

Но ес­ли взгля­нуть на его ис­ходный код, то мы уви­дим:

<tab­le sty­le="width: 100%;" bor­der="0" cell­spa­cing="0" cell­pad­ding="0">
<tbo­dy>
<tr>
<td sty­le="font-fa­mily: Ver­da­na, Ge­neva, Ari­al, Hel­ve­tica, sans-se­rif; font-si­ze: 12px; co­lor: #000000;" align="jus­ti­fy"><dl><dt sty­le="text-align: jus­ti­fy;"><img src="http://so­ci­ocom.ru/wp-con­tent/up­lo­ads/2008/06/elect­ro.jpg" alt="978658" sty­le="flo­at: left; mar­gin-right: 10px; mar­gin-bot­tom: 5px;" />В пос­леднее вре­мя в раз­ных районах го­рода, осо­бен­но в Ки­ровс­ком и Крас­но­ар­мей­ском, фик­си­ру­ют­ся вре­мен­ные отк­лю­чения по­дачи элект­ро­энер­гии пот­ре­бите­лям. К воз­никно­вению та­ких си­ту­аций при­вела ус­той­чи­вая су­хая жар­кая по­года, и, как следс­твие, воз­росшие наг­рузки на элект­ри­чес­кие се­ти.</dt></dl>
<p sty­le="font-fa­mily: Ver­da­na, Ge­neva, Ari­al, Hel­ve­tica, sans-se­rif; font-si­ze: 12px; co­lor: #000000; text-align: jus­ti­fy;">Как со­об­щи­ли <a href="http://www.v1.ru">V1.ru</a> в пресс-служ­бе ад­ми­нист­ра­ции Вол­гогра­да пы­та­ясь как-то за­щитить­ся от ано­маль­ной жа­ры, го­рожа­не вклю­ча­ют все­воз­можные элект­ри­чес­кие при­боры – сплит-сис­те­мы, вен­ти­лято­ры, кон­ди­ци­оне­ры и так да­лее. Не вы­дер­жи­вая ог­ромных наг­ру­зок, ка­бель­ные ли­нии и обо­рудо­вание вы­ходят из строя. Как по­яс­ни­ли спе­ци­алис­ты МУПП «Вол­гоградс­кие меж­район­ные элект­ри­чес­кие се­ти», на се­год­няшний день до­пус­ти­мые нор­мы пот­ребле­ния элект­ро­энер­гии пре­выше­ны в пол­то­ра ра­за.</p>
<p sty­le="font-fa­mily: Ver­da­na, Ge­neva, Ari­al, Hel­ve­tica, sans-se­rif; font-si­ze: 12px; co­lor: #000000; text-align: jus­ti­fy;">Ос­новное элект­ро­обо­рудо­вание и ка­бель­ные ли­нии пост­ро­ены в 50–60-х го­дах прош­ло­го ве­ка и не расс­чи­таны на се­год­няшние скач­ки пот­ребле­ния элект­ри­чест­ва. Воз­ни­ка­ющие ава­рий­ные си­ту­ации ра­бот­ни­ки МУПП «ВМЭС» ста­ра­ют­ся лик­ви­диро­вать в мак­си­маль­но ко­рот­кие сро­ки, соб­лю­дая ус­та­нов­ленные нор­ма­тивы.</p>
</td>
</tr>
<tr>
<td sty­le="font-fa­mily: Ver­da­na, Ge­neva, Ari­al, Hel­ve­tica, sans-se­rif; font-si­ze: 12px; co­lor: #000000;" he­ight="10px">&nbsp;</td>
</tr>
<tr>
<td sty­le="font-fa­mily: Ver­da­na, Ge­neva, Ari­al, Hel­ve­tica, sans-se­rif; font-si­ze: 12px; co­lor: #000000;" align="right"><strong>Еле­на Ива­нова,&nbsp;<em>спе­ци­аль­но для <a href="http://www.v1.ru">V1.ru</a></em></strong></td>
</tr>
</tbo­dy>
</tab­le>

Оп­ти­мизи­руя код до сле­ду­юще­го сос­то­яния:

<p><img src="http://so­ci­ocom.ru/wp-con­tent/up­lo­ads/2008/06/elect­ro.jpg" alt="978658" sty­le="flo­at: left; mar­gin-right: 10px; mar­gin-bot­tom: 5px;" />В пос­леднее вре­мя в раз­ных районах го­рода, осо­бен­но в Ки­ровс­ком и Крас­но­ар­мей­ском, фик­си­ру­ют­ся вре­мен­ные отк­лю­чения по­дачи элект­ро­энер­гии пот­ре­бите­лям. К воз­никно­вению та­ких си­ту­аций при­вела ус­той­чи­вая су­хая жар­кая по­года, и, как следс­твие, воз­росшие наг­рузки на элект­ри­чес­кие се­ти.</p>
<p>Как со­об­щи­ли <a href="http://www.v1.ru">V1.ru</a> в пресс-служ­бе ад­ми­нист­ра­ции Вол­гогра­да пы­та­ясь как-то за­щитить­ся от ано­маль­ной жа­ры, го­рожа­не вклю­ча­ют все­воз­можные элект­ри­чес­кие при­боры – сплит-сис­те­мы, вен­ти­лято­ры, кон­ди­ци­оне­ры и так да­лее. Не вы­дер­жи­вая ог­ромных наг­ру­зок, ка­бель­ные ли­нии и обо­рудо­вание вы­ходят из строя. Как по­яс­ни­ли спе­ци­алис­ты МУПП «Вол­гоградс­кие меж­район­ные элект­ри­чес­кие се­ти», на се­год­няшний день до­пус­ти­мые нор­мы пот­ребле­ния элект­ро­энер­гии пре­выше­ны в пол­то­ра ра­за.</p>
<p>Ос­новное элект­ро­обо­рудо­вание и ка­бель­ные ли­нии пост­ро­ены в 50–60-х го­дах прош­ло­го ве­ка и не расс­чи­таны на се­год­няшние скач­ки пот­ребле­ния элект­ри­чест­ва. Воз­ни­ка­ющие ава­рий­ные си­ту­ации ра­бот­ни­ки МУПП «ВМЭС» ста­ра­ют­ся лик­ви­диро­вать в мак­си­маль­но ко­рот­кие сро­ки, соб­лю­дая ус­та­нов­ленные нор­ма­тивы.</p>
<br />
 <p align="right"><strong>Еле­на Ива­нова,&nbsp;<em>спе­ци­аль­но для <a href="http://www.v1.ru">V1.ru</a></em></strong></p>

Мы по­луча­ем:

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

Как со­об­щи­ли V1.ru в пресс-служ­бе ад­ми­нист­ра­ции Вол­гогра­да пы­та­ясь как-то за­щитить­ся от ано­маль­ной жа­ры, го­рожа­не вклю­ча­ют все­воз­можные элект­ри­чес­кие при­боры – сплит-сис­те­мы, вен­ти­лято­ры, кон­ди­ци­оне­ры и так да­лее. Не вы­дер­жи­вая ог­ромных наг­ру­зок, ка­бель­ные ли­нии и обо­рудо­вание вы­ходят из строя. Как по­яс­ни­ли спе­ци­алис­ты МУПП «Вол­гоградс­кие меж­район­ные элект­ри­чес­кие се­ти», на се­год­няшний день до­пус­ти­мые нор­мы пот­ребле­ния элект­ро­энер­гии пре­выше­ны в пол­то­ра ра­за.

Ос­новное элект­ро­обо­рудо­вание и ка­бель­ные ли­нии пост­ро­ены в 50–60-х го­дах прош­ло­го ве­ка и не расс­чи­таны на се­год­няшние скач­ки пот­ребле­ния элект­ри­чест­ва. Воз­ни­ка­ющие ава­рий­ные си­ту­ации ра­бот­ни­ки МУПП «ВМЭС» ста­ра­ют­ся лик­ви­диро­вать в мак­си­маль­но ко­рот­кие сро­ки, соб­лю­дая ус­та­нов­ленные нор­ма­тивы.

Еле­на Ива­нова, спе­ци­аль­но для V1.ru

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

Оп­ти­миза­ция гра­фичес­ко­го со­дер­жи­мого.

Не­кото­рые изоб­ра­жения встав­ля­ют­ся на сайт без пред­ва­ритель­ной под­го­тов­ки, или с под­го­тов­кой, но ми­нималь­ной. Нап­ри­мер, ес­ли сто­ит за­дача вста­вить кар­тинку раз­ме­ром 300×200 то­чек без пос­ле­ду­юще­го уве­личе­ния, то не име­ет смыс­ла ужи­мать изоб­ра­жение боль­ше­го фор­ма­та до за­дан­но­го раз­ме­ра в обоз­ре­вате­ле.

Вот, к при­меру, 2 изоб­ра­жения:

Пер­вое изоб­ра­жение — не оп­ти­мизи­рован­ное за­нима­ет 40 607 байт дис­ко­вого прост­ранс­тва, а вто­рое — 10 985 байт, что поч­ти в 4 ра­за мень­ше. Зна­чит и отк­ры­вать­ся та­кое изоб­ра­жение бу­дет в 4 ра­за быст­рее.

Оп­ти­миза­ция для по­ис­ко­вых сис­тем.

Комп­лекс оп­ти­миза­ции для по­ис­ко­вых сис­тем вклю­ча­ет в се­бя расс­та­нов­ку ак­центов в текс­те и за­мену ссы­лок сай­та на по­нят­ные как для че­лове­ка, так и для по­ис­ко­вых ро­ботов.

Расс­та­нов­ку ак­центов мож­но про­ил­люст­ри­ровать на сле­ду­ющем при­мере: У нас есть фра­за:

Ма­ма мы­ла ра­му

Ста­вим ак­цент:

Ма­ма мы­ла ра­му

И вот уже для по­ис­ко­вых сис­тем наш сайт боль­ше про ра­мы, чем про мам и чист­ку.

Что­же ка­са­ет­ся ссы­лок сай­та, то по умол­ча­нию они весь­ма не по­нят­ны. Так, нап­ри­мер, ссыл­ка на статью без оп­ти­миза­ции выг­ля­дела бы как:

http://de­val.su/in­dex.php?op­ti­on=com_con­tent&Ite­mid=25&ca­tid=20&id=19&lang=ru&vi­ew=ar­ticle — не сов­сем по­нят­но что это и о чем. А вот ссыл­ка, ко­торая прош­ла оп­ти­миза­цию:

http://de­val.su/op­ti­mizat­si­ya/pod­robnee-ob-op­ti­mizac­zii.html — уже бо­лее по­нят­но что это и где на­ходит­ся.