Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 03.07.2009, 12:17   #1
 
Аватар для Vitkus
 
Сообщений: 2
FR (активность): 83

Доп. информация
По умолчанию Автор темы Помогите разгрузить HTML код

Добрый день!
Сделал сайтик компьютерной тематики, внешность его и наполнение, мне вполне нравятся, но время загрузки (если не выделенка), слишком долго(((

Дайте пожалуйста советы или ткните носом в ошибки, но помогите добиться облегчения кода. Вот сайт - Компьютерный центр

Интересно то, что загрузка страницы занимает 2 сек, а вебмастер в гугле (сервис) показывает 13 секунд
Vitkus вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 03.07.2009, 18:34   #2
 
Аватар для 4Fun.Fantasy
 
Сообщений: 1,417
FR (активность): 185,275

Доп. информация
По умолчанию Ответ: Помогите разгрузить HTML код

Момент номер один - если вы удалите код рекламы в шапке сайта:
[PHP]<table border="0" cellpadding="0" cellspacing="0" onmousedown="this.className='downBtn'" onmouseover="this.className='overBtn'" onmouseout="this.className='outBtn'"><tr><td class="myBtnLeft"><img border="0" src="http://s29.ucoz.net/img/1px.gif"></td><td class="myBtnCenter"><div class="myBtnCont x-unselectable" style="background:url('http://s29.ucoz.net/img/icon/home.png') no-repeat left -1px; padding-left:18px;margin-left:2px" unselectable="on" onclick="window.open('http://www.ucoz.ru/?uz=12137');"><a href="javascript://" onclick="return false;">Создать сайт</a></div></td><td class="myBtnRight"><img border="0" src="http://s29.ucoz.net/img/1px.gif"></td></tr></table>

</div>
<div style="position:absolute;z-index:9001;right:5px; top:3px;">
<a href="javascript://" onmouseover="document.getElementById('clobutaRaawy ').src='http://s29.ucoz.net/img/bn/clo2.gif'" onmouseout="document.getElementById('clobutaRaawy' ).src='http://s29.ucoz.net/img/bn/cl2.gif'" onclick="document.getElementById('adBaraRaawy').st yle.display='none';return false;"><img id="clobutaRaawy" title="Закрыть" align="absmiddle" border="0" src="http://s29.ucoz.net/img/bn/cl2.gif" width="14" height="14"></a>
</div>
<div id="adTextaRaawy" style="height:22px;"><iframe frameborder="0" id="adIfraRaawy" width="100%" scrolling="no" allowTransparency="true" style="height:22px;background-color:#D4D0C8" src="http://a.ucoz.net/a/?ref=http%3A%2F%2Fveter.kiev.ua%2F&par=7yXTq4c8exf 7znA21b4UafTsbkpPL3u-mRKdOhe9ZZB40EJHyOn7oyAayPpDBV9i_RFLR7GIxavaKCH82i rUcfLl1qBzsShpMOLgTBduX9PgxdMWhONBitCCKMJvIPIkUeh0 IKYxjWyh4D5kx5YffYlNtPsraayi_MMRAJmPFLvLZWGNHcu0xR k="></iframe></div>
</div></div><script type="text/javascript">document.getElementById("adBaraRaawy") .style.height=document.getElementById("adTextaRaaw y").offsetHeight+'px';</script>[/PHP] Это даст значительноу увеличение скорости загрузки т.к. генерация данного кода занимает практически половину времени при загрузке страницы. Момент номер два - таблицы CSS должны импортироваться из файла, и прописано это должно быть не выше <head>, а между <head></head>, у вас три куска таблиц css и все они в разных местах, хотябы эту основу:
[PHP]<style type="text/css">.cAdBaRaawy {z-index:9000;position:absolute;top:0;left:0;width:10 0%} div > div.cAdBaRaawy {position:fixed;}#adTextaRaawy {position:absolute;top:0;left:0;width:100%;line-height:22px;background:#D4D0C8;border-bottom: 1px outset;}}</style><!--[if gte IE 5.5]><![if lt IE 9]><style type="text/css">div#aBarVaRaawy {width:expression(((ignoreMe=(document.documentEle ment.clientWidth?document.documentElement.clientWi dth:document.body.clientWidth))<200?200:ignoreMe)+ 'px');position:absolute;top:expression((ignoreMe2= document.documentElement.scrollTop?document.docume ntElement.scrollTop:document.body.scrollTop)+'px') ;left:expression((ignoreMe=document.documentElemen t.scrollLeft?document.documentElement.scrollLeft:d ocument.body.scrollLeft)+'px');}</style><![endif]><![endif]-->[/PHP] нужно перенести. Затем в коде страницы вабще отсутствует открывающий и закрывающий тэги <html></html> - их так же необходимо прописать. Так же у вас кривой скрипт в футере страницы, с ним тоже необходимо что либо сделать (либо исправить, либо удалить): [PHP]<script type="text/javascript" language="javascript"><!--
function BM_Draw(oBM_STAT){
document.write('<table cellpadding="0" cellspacing="0" border="0" style="display:inline;margin-right:4px;"><tr><td><div style="margin:0px;padding:0px;font-size:1px;width:88px;"><div style="background:url(\'http://i.bigmir.net/cnt/samples/diagonal/b60_top.gif\') no-repeat bottom;">&nbsp;</div><div style="font:10px Tahoma;background:url(\'http://i.bigmir.net/cnt/samples/diagonal/b60_center.gif\');"><div style="text-align:center;"><a href="http://www.bigmir.net/" target="_blank" style="color:#0000ab;text-decoration:none;font:10px Tahoma;">bigmir<span style="color:#ff0000;">)</span>net</a></div><div style="margin-top:3px;padding: 0px 6px 0px 6px;color:#426ed2;"><div style="float:left;font:10px Tahoma;">'+oBM_STAT.hosts+'</div><div style="float:right;font:10px Tahoma;">'+oBM_STAT.hits+'</div></div><br clear="all"/></div><div style="background:url(\'http://i.bigmir.net/cnt/samples/diagonal/b60_bottom.gif\') no-repeat top;">&nbsp;</div></div></td></tr></table>');
}
//-->
</script>
<script type="text/javascript" language="javascript"><!--
bmN=navigator,bmD=document,bmD.cookie='b=b',i=0,bs =[],bm={o:1,v:16822878,s:16822878,t:0,c:bmD.cookie?1: 0,n:Math.round((Math.random()* 1000000)),w:0};
for(var f=self;f!=f.parent;f=f.parent)bm.w++;
try{if(bmN.plugins&&bmN.mimeTypes.length&&(x=bmN.p lugins['Shockwave Flash']))bm.m=parseInt(x.description.replace(/([a-zA-Z]|\s)+/,''));
else for(var f=3;f<20;f++)if(eval('new ActiveXObject("ShockwaveFlash.ShockwaveFlash.'+f+' ")'))bm.m=f}catch(e){;}
try{bm.y=bmN.javaEnabled()?1:0}catch(e){;}
try{bmS=screen;bm.v^=bm.d=bmS.colorDepth||bmS.pixe lDepth;bm.v^=bm.r=bmS.width}catch(e){;}
r=bmD.referrer.slice(7);if(r&&r.split('/')[0]!=window.location.host){bm.f=escape(r);bm.v^=r.len gth}
bm.v^=window.location.href.length; for(var x in bm) if(/^[ovstcnwmydrf]$/.test(x)) bs[i++]=x+bm[x];
bmD.write('<sc'+'ript type="text/javascript" language="javascript" src="http://c.bigmir.net/?'+bs.join('&')+'"></sc'+'ript>');
//-->
</script>[/PHP] Ну и последний момент, УКОЗ - это не серьёзно...


Реклама 90-х годов: ТОП-8 первых удачных креативов, переживших свое время.
4Fun.Fantasy вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 23.04.2010, 22:49   #3
 
Аватар для aslobodyan
 
Сообщений: 107
FR (активность): 1,441

Доп. информация
По умолчанию Re: Помогите разгрузить HTML код

Что-то там ну оооочень много всего подключается.... половину того наверное не нужно...

1. можно попытаться поработать с картинками..... маленькие картинки (всякие уголочки и им же подобные) я бы соеденил средствами фотошопчеГа в одну картинку и выводил их с помощью позиционирования бекграундов... идея в том, что быстрее подгрузить одну картинку в 30 Кб и сувать ее с помощью css, чем 30 картинок по 1 Кб.

Теперь можно также в том же фотошопчегу создать просто однопиксельную полоску серого градиированного по высоте цвета вместо вашего бекграунда в 250х250.... то же самое касается и других бекграундов (к примеру под меню).... его габариты 204х60 для меню слишком много

2. можна поработать со скриптами... уверен их тоже можна еще оптимизировать и оптимизировать ....

короче, я вам рекомендую просто самому сесть, открыть исходники своего сайта и посмотреть, на чем еще можно сэкономить....
aslobodyan вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 06.07.2010, 19:57   #4
 
Аватар для Cesto
 
Сообщений: 5
FR (активность): 101

Доп. информация
По умолчанию Re: Помогите разгрузить HTML код

попробуй сделать gzip сжатие страниц на php
чтото типа <?php header ('content-encoding: gzip'); header ('vary: accept-encoding'); header ('content-length: ' . strlen ($page)); ?>
готовый скрипт http://www.php.su/articles/?cat=examples&page=010

еще одно подробное описание
http://www.izero.ru/programmirovanie...yx-na-php.html
Cesto вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
html, сжатие

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 4337 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ищу работу: php+SQL, html, CSS, JavaScript, C++, Делфи WebSGo Создание сайтов 2 25.01.2010 21:33
Имя сайта без index.html/php mumitroll Разработка сайтов 1 30.11.2009 08:19
В HTML документе чтобы картинка была наложена одна на другую Dimooon Дизайн и верстка 4 20.08.2009 10:29
400+ psd/html/css шаблонов have_fun Разработка сайтов 13 05.06.2009 00:57
Переход с HTML на Joomla, помогите динозавру! Mazai Joomla 8 06.04.2009 21:08

Текущее время: 23:08. Часовой пояс GMT +3.