Как провести оптимизацию в html на странице сайта - HTML и CSS

sdk-n · 20.01.2023, 19:27

Здравствуйте!
На самом деле сайт у меня функционирует уже давно, как бы и доступ нормальный при посещении и прочее. Но вот теперь хочу провести полную инвентаризацию содержания - исправления, дополнения, корректирувку и т.д. Хотелось бы получить от специалистов рекомендации по улучшению при написании html кодировки том плане что-то заменить или удалить, а что-то добавить. Вот я скопировал с сервера страницу, то есть после её там обработки.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><META
content="IE=5.0000" http-equiv="X-UA-Compatible">
<TITLE>О вечном</TITLE>
<META content=IE=5.0000 http-equiv=X-UA-Compatible>
<META content=en-us http-equiv=Content-Language>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<META name=GENERATOR content="Microsoft FrontPage 5.0"></HEAD>
<BODY leftMargin=0 rightMargin=0 topMargin=0 bgColor=#333333 color="#ffffff">
<STYLE type=text/css>A:link {
TEXT-DECORATION: none; COLOR: #0099ff
}
A:visited {
TEXT-DECORATION: none; COLOR: #ff00ff
}
A:hover {
TEXT-DECORATION: underline; COLOR: #ffcc66
}
DIV.Section1 {
page: Section1
}
SPAN.GramE {

}
SPAN.SpellE {

}
SPAN.postbody1 {

}
SPAN.dictitle1 {
FONT-WEIGHT: bold; COLOR: #7e8aa2
}
p {
TEXT-INDENT: 60px
}
</STYLE>

<CENTER>

<TABLE cellSpacing=0 cellPadding=0 width="90%" border=0 height="auto">
<TBODY>
<TR vAlign=top>
<TD width="100%" align="center" height="31" colspan="3"> </TD>
</TR>
<TR vAlign=top>
<TD width="11%" align="center" height="31">
<a href="../index.html">На титульную</a></TD>
<TD width="75%" height="31" align="center"></TD>
<TD width="14%" height="31" align="left">
<a href="../contens.html">К оглавлению</a></TD></TR>
<TR vAlign=top>
<TD width="100%" align="center" height="36" colspan="3">
Глава I </TD>
</TR>
<TR vAlign=top>
<TD width="11%" align="center" height="36">
1.</TD>
<TD width="89%" height="36" colspan="2">В тихом омуте черти, в
тихом поселке лешие.</TD></TR>
<TR vAlign=top>
<TD width="100%" align="center" height="36" colspan="3">
 Маленький предгорный_ _ _
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ __ _ __ _ _ _ _ __ __ _ _ одно его название.

................................... .

...................................

 </TD>
</TR>
<TD width="100%" align="center" height="36" colspan="3">

<a href="1.02.html">Часть вторая</a></TD>
</TBODY></TABLE></CENTER>
</BODY></HTML>

Заранее спасибо!

ADSoft · 23.01.2023, 14:59

оч. устаревшая верстка ... лет 10-15 не видел такого

- так называемая - табличная верстка.... уже давно все дивами, флексами, гридами верстают
- стили прописывать в атрибутах элементов тоже не гуд, гораздо лучше прописать классы, все оформление вынести в классы
- стили не надо включать прямо в сам html - нужно просто подключить нужные css
- кодировку 1251 давно никто не использует, все давно на utf8

sdk-n · 26.01.2023, 13:01

Цитата:

Сообщение от ADSoft

оч. устаревшая верстка ... лет 10-15 не видел такого

Вы правы, всё так и есть! Моему сайту уже более 10 лет и с тех пор я ничего не менял. Собственно, поэтому и попросил тут дать комментарий. Однако, вопрос остается следующим - есть ли смысл переделывать так, как вы тут описали? Если да, то как это полияет на достуность и прочие характеристики сайта? Иначе говоря, есть ли смысл что-то менять, ведь всё новое мне придется учить заново, а не очень хочется

. Другое дело, если при изменениях какие-то параметры существенно станут лучше. Если да, то какие?

Вадим Фролов · 26.01.2023, 18:03

Цитата:

Сообщение от sdk-n

Вы правы, всё так и есть! Моему сайту уже более 10 лет и с тех пор я ничего не менял. Собственно, поэтому и попросил тут дать комментарий. Однако, вопрос остается следующим - есть ли смысл переделывать так, как вы тут описали? Если да, то как это полияет на достуность и прочие характеристики сайта? Иначе говоря, есть ли смысл что-то менять, ведь всё новое мне придется учить заново, а не очень хочется

. Другое дело, если при изменениях какие-то параметры существенно станут лучше. Если да, то какие?

Думаю если все работает и вас все устраивает, то лучше и не трогать. Или вариант есть переписать сайт заново, на новых технолониях. Тут смотря что за сайт и для чего он нужен. Можно переписать и поднять его в поисковиках.

ADSoft · 27.01.2023, 08:03

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

Я считаю - раз вопрос у вас возник, знаит что-то не устраивает... и нужно что-то делать

Valick · 27.01.2023, 09:16

HTML код - это результат работы серверного кода, скорее всего там ситуация ещё хуже. Если переписывать, то с нуля и на нормальном фреймворке.

sdk-n · 27.01.2023, 12:42

Цитата:

Сообщение от Вадим Фролов

Тут смотря что за сайт и для чего он нужен.

Сайт совсем без премудростей, обычный текст с короткими вставками видео МР4. Обычный, в какой-то мере рекламный. В общем, если я правильно понял, то не стоит ничего менять, пока пойдет и так. Спасибо!

Arigato · 27.01.2023, 17:31

Цитата:

Сообщение от sdk-n

если я правильно понял, то не стоит ничего менять, пока пойдет и так

Ну если есть желание заморочиться, то можно и переписать. Но с точки зрения пользователя ничего не изменится, а потому надо ли на это тратить время? Если сайт отображается так, как и задумано, то не все ли равно, что там внутри?

gulshan212 · 16.02.2023, 11:49

Hello this is Gulshan Negi
Well, ther are lots of ways to optimize in html on a website page some of them which you can do are listed below:-
1. Avoid inline JavaScript and CSS.
2. Reduce unnecessary whitespace and blank lines.
3. Compress HTML on the server with GZIP or similar.
4. Reduce external HTTP request.
Thanks

20.01.2023, 19:27	#1
sdk-n Пользователь Регистрация: 14.07.2019 Сообщений: 15	Как провести оптимизацию в html на странице сайта Здравствуйте! На самом деле сайт у меня функционирует уже давно, как бы и доступ нормальный при посещении и прочее. Но вот теперь хочу провести полную инвентаризацию содержания - исправления, дополнения, корректирувку и т.д. Хотелось бы получить от специалистов рекомендации по улучшению при написании html кодировки том плане что-то заменить или удалить, а что-то добавить. Вот я скопировал с сервера страницу, то есть после её там обработки. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0032)https://vechnoe.ru/txt/1.01.html --> <!-- saved from url=(0022)http://www.vechnoe.ru/ --><HTML><HEAD><META content="IE=5.0000" http-equiv="X-UA-Compatible"> <TITLE>О вечном</TITLE> <META content=IE=5.0000 http-equiv=X-UA-Compatible> <META content=en-us http-equiv=Content-Language> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <META name=GENERATOR content="Microsoft FrontPage 5.0"></HEAD> <BODY leftMargin=0 rightMargin=0 topMargin=0 bgColor=#333333 color="#ffffff"> <STYLE type=text/css>A:link { TEXT-DECORATION: none; COLOR: #0099ff } A:visited { TEXT-DECORATION: none; COLOR: #ff00ff } A:hover { TEXT-DECORATION: underline; COLOR: #ffcc66 } DIV.Section1 { page: Section1 } SPAN.GramE { } SPAN.SpellE { } SPAN.postbody1 { } SPAN.dictitle1 { FONT-WEIGHT: bold; COLOR: #7e8aa2 } p { TEXT-INDENT: 60px } </STYLE> <font color="#FFFFFF"></font> <CENTER> <P> <TABLE cellSpacing=0 cellPadding=0 width="90%" border=0 height="auto"> <TBODY> <TR vAlign=top> <TD width="100%" align="center" height="31" colspan="3"> </TD> </TR> <TR vAlign=top> <TD width="11%" align="center" height="31"> <span lang="ru"><a href="../index.html">На титульную</a></span></span></TD> <TD width="75%" height="31" align="center"></TD> <TD width="14%" height="31" align="left"><font color="#FFFFFF"> <a href="../contens.html"><span lang="ru">К оглавлению</span></a></font></TD></TR> <TR vAlign=top> <TD width="100%" align="center" height="36" colspan="3"> <p align="center"><b><font color="#FFFFFF" size="6">Глава I</font></b><p> </TD> </TR> <TR vAlign=top> <TD width="11%" align="center" height="36"><b> <font color="#FFFFFF" size="5">1.</font></b></TD> <TD width="89%" height="36" colspan="2"><b><font color="#FFFFFF" size="5">В тихом омуте черти, в тихом поселке лешие.</font></b></TD></TR> <TR vAlign=top> <TD width="100%" align="center" height="36" colspan="3"> <p align="left"> <P align=left><FONT color=#ffffff size=5>Маленький предгорный_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ __ _ __ _ _ _ _ __ __ _ _ одно его название.</FONT> ................................... . ................................... <p align="left"> </TD> </TR> <TD width="100%" align="center" height="36" colspan="3"> <span lang="ru"><font color="#FFFFFF"> <a href="1.02.html"><span lang="ru">Часть вторая</span></a></font></span></TD> </TBODY></TABLE></CENTER> <p align="left"></P></BODY></HTML> Заранее спасибо!

23.01.2023, 14:59	#2
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,065	оч. устаревшая верстка ... лет 10-15 не видел такого - так называемая - табличная верстка.... уже давно все дивами, флексами, гридами верстают - стили прописывать в атрибутах элементов тоже не гуд, гораздо лучше прописать классы, все оформление вынести в классы - стили не надо включать прямо в сам html - нужно просто подключить нужные css - кодировку 1251 давно никто не использует, все давно на utf8 Сайты, приложения, автоматизация в широком смысле слова

27.01.2023, 08:03	#5
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,065	ну на таблицах вы точно не сделаете сайт адаптивным (под мобильные адекватно отображающимся) а у поисковиков сейчас оптимизация сайта под мобильные на первом месте... С кодировкой тоже может возникнуть проблемы.... например вставили ссылку в какой-то мессенджер или соцсеть - может title криво подхватить... как говорят "кракозябликами".... Я считаю - раз вопрос у вас возник, знаит что-то не устраивает... и нужно что-то делать Сайты, приложения, автоматизация в широком смысле слова

27.01.2023, 09:16	#6
Valick Форумчанин Регистрация: 27.04.2022 Сообщений: 403	HTML код - это результат работы серверного кода, скорее всего там ситуация ещё хуже. Если переписывать, то с нуля и на нормальном фреймворке. стимулятор https://yoomoney.ru/to/41001303250491

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

16.02.2023, 11:49	#9
gulshan212 Регистрация: 09.02.2023 Сообщений: 6	Hello this is Gulshan Negi Well, ther are lots of ways to optimize in html on a website page some of them which you can do are listed below:- 1. Avoid inline JavaScript and CSS. 2. Reduce unnecessary whitespace and blank lines. 3. Compress HTML on the server with GZIP or similar. 4. Reduce external HTTP request. Thanks

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Видео на странице сайта	sdk-n	HTML и CSS	2	14.07.2019 07:56
Несколько HTML страниц на одной HTML странице	alexander-123	HTML и CSS	10	28.02.2019 21:48
создать кнопки на web-странице HTML	carrie bradshaw	Помощь студентам	1	16.03.2015 23:50
Как удалить комментарии в html-странице	chnry	PHP	4	01.04.2010 11:09
Календарь в HTML странице.	Fellics{новичок}	HTML и CSS	1	20.06.2008 20:41