|
|
Помогите разгрузить HTML код |
|
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д. |
![]() |
|
Опции темы | Оценить тему | Опции просмотра |
![]() |
#1 |
|
![]() ![]() Добрый день!
Сделал сайтик компьютерной тематики, внешность его и наполнение, мне вполне нравятся, но время загрузки (если не выделенка), слишком долго((( Дайте пожалуйста советы или ткните носом в ошибки, но помогите добиться облегчения кода. Вот сайт - Компьютерный центр Интересно то, что загрузка страницы занимает 2 сек, а вебмастер в гугле (сервис) показывает 13 секунд |
![]() |
![]() ![]() ![]() |
![]() |
#2 |
|
![]() Момент номер один - если вы удалите код рекламы в шапке сайта:
[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;"> </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;"> </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 первых удачных креативов, переживших свое время.
|
![]() |
![]() ![]() ![]() |
![]() |
#3 |
|
![]() Что-то там ну оооочень много всего подключается.... половину того наверное не нужно...
1. можно попытаться поработать с картинками..... маленькие картинки (всякие уголочки и им же подобные) я бы соеденил средствами фотошопчеГа в одну картинку и выводил их с помощью позиционирования бекграундов... идея в том, что быстрее подгрузить одну картинку в 30 Кб и сувать ее с помощью css, чем 30 картинок по 1 Кб. Теперь можно также в том же фотошопчегу создать просто однопиксельную полоску серого градиированного по высоте цвета вместо вашего бекграунда в 250х250.... то же самое касается и других бекграундов (к примеру под меню).... его габариты 204х60 для меню слишком много 2. можна поработать со скриптами... уверен их тоже можна еще оптимизировать и оптимизировать .... короче, я вам рекомендую просто самому сесть, открыть исходники своего сайта и посмотреть, на чем еще можно сэкономить.... |
![]() |
![]() ![]() ![]() |
![]() |
#4 |
|
![]() попробуй сделать 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 |
![]() |
![]() ![]() ![]() |
![]() |
Метки |
html, сжатие |
|
Опции темы | |
Опции просмотра | Оценка этой теме |
|
|
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Ищу работу: 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.
|