Оптимизация

ignar · January 8, 2008

Доброго дня суток

Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода?

Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы?

Буду очень благодарен.

D.S.Denton · January 9, 2008

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

Vlad · January 9, 2008

Ага, оптимизация это уже двусмысленный термин. С одной стороны, работа на SEO (смазывание сайта под поисковики), с другой - уменьшение объема файлов. Ты про что?

ignar · January 9, 2008

Я имею ввиду уменьшение времени загрузки страницы, меня интерисует грань между весом странци и весом css файла.

На примере, сайт сверстаный на таблицах, занимает много кода, я это все перевожу на слои, ну то что разумно перевести, никакие картинки я убрать не могу, убираю описание стилей с html. Что еще можно сделать?

http://www.domik.net - вот сайт.

Может вы мне подскажете?

Иван Шумов · January 10, 2008

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

-объем данных на странице

-обработки базы данных

отсюда делаем вывод, что хоть у тебя код страницы на 10 килобайт - ничего не изменит, если ты его процентов на 30 ужмешь

ignar · January 10, 2008

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

Да, на самом деле движок написан вручную.

Тоесть надо уменьшать количество кода на странице, я так понимаю...

отсюда делаем вывод, что хоть у тебя код страницы на 10 килобайт - ничего не изменит, если ты его процентов на 30 ужмешь

А вот этого я не понял, что ты имел ввиду? Не изменит чего?

Vlad · January 10, 2008

Надо избавиться об большинства параметров тегов и перевести их в CSS. Например, эта строка просто ужас

bgcolor="#ffffff" text="#000000" link="#003399" alink="#ff0000" vlink="#003399" topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0

Удаляй подобное, а в стилях пропиши цвета ссылок и текста.

Иван Шумов · January 10, 2008

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

ignar · January 10, 2008

Выходит довольно увесистый файл стилей. Влияет ли его размер на скорость загрузки страницы?

Есть ли какие то моральные нормы на это?

serega86 · January 10, 2008

большинство браузеров кешируют css файлы - т е грузится он гораздо реже чем пользователь обновляет страницу

maddogrts · January 10, 2008

Опишите суть проблемы, посмотрел я ваш сайт для такого объема нормально грузиться, что вы от него хотите?

Или вам заняться нечем?

BJ · January 10, 2008

Dimitry Wolotko · January 10, 2008

Вы заблуждаетесь.

Иван Шумов · January 10, 2008

BJ почитай на сайте http://htmlbook.ru/html/table.html

ignar · January 10, 2008

Опишите суть проблемы, посмотрел я ваш сайт для такого объема нормально грузиться, что вы от него хотите?
Или вам заняться нечем?

Суть проблемы: убрать все лишнее с кода и ускорить загрузку.

А самое главное разобраться.

Vlad · January 11, 2008

Раз надо все лишнее с кода убрать, то переведи это в стили. Вместо

пишешь

и выносишь большинство параметров таблиц в CSS. Код существенно сократится.

musulman · January 11, 2008

а каким образом вот это :

cellpadding=0 cellspacing=0

можно вынести в css ?

Иван Шумов · January 11, 2008

а каким образом вот это :
cellpadding=0 cellspacing=0
можно вынести в css ?

http://htmlbook.ru/faq/?a=60

учимся пользоваться сайтом на котором сидим...

BJ · January 11, 2008

Вы заблуждаетесь.

было:

стало:

Scrum · January 11, 2008

BJ

аналога в цсс атрибуту cellspacing нет, и значение по умолчанию у него не стоит ноль.

cellpadding значение по умолчанию у него не стоит ноль.

для наглядности:

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

<html>

<head>
 <title></title>
 <style type="text/css">
 <!--
 table {
 background-color: silver;
 }
 td {
 background-color: orange;
 }
 -->
 </style>
</head>

<body>
<table>
 <tr>
 <td>1</td>
 <td>2</td>
 </tr>
 <tr>
 <td>3</td>
 <td>4</td>
 </tr>
</table>
</body>

</html>

Иван Шумов · January 11, 2008

Вы заблуждаетесь.
было:
стало:
и что от этого изменилось, у меня как не было рамок у тблицы, так их и не появилось.
человек, ты внимательно RTFM читаешь? http://htmlbook.ru/html/table.html
CELLSPACING
Значение по умолчанию
0 (когда нет параметра border)
2 (когда параметра border установлен)
итого надо для этого достаточно было написать
<table width=60% cellpadding="0" align=center>
при этом параметры эти в принципе в css вынести можно

Vlad · January 12, 2008

align=center заменить на margin: 0 auto в CSS.

musulman · January 12, 2008

да и ширину можно было бы

Dimitry Wolotko · January 12, 2008

cellpadding="0" в принципе тоже можно.

Sign In

Оптимизация

Question

Link to comment

Share on other sites

23 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information