Отправляет email-рассылки с помощью сервиса Sendsay

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

← Июнь 2003 →
	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

Автор

Влад Мержевич

Статистика

12.722 подписчиков
-26 за неделю

← Все выпуски →

Рецепты HTML # 92

Информационный Канал Subscribe.Ru

Новости сайта www.htmlbook.ru

Добрый день.

Спасибо всем, кто прислал поздравления к дню рождения сайта, спасибо за ваши добрые слова и поддержку! А также заранее спасибо тем, кто поздравил или собирается поздравить и меня лично с моим днем рождения.
Со следующей недели сайт перестанет обновляться на неопределенный срок по причине моего ухода в отпуск.

В скором времени у сайта появится новый дизайн, он уже готов, а в данный момент дорабатывается его движок, который позволит быстро и удобно добавлять и связывать между собой статьи. Также будут обновлены уже размещенные материалы с учетом последних модных тенденций. В частности, будет переработан раздел с "CSS" и добавлен новый раздел "Слои", где можно будет подробно узнать про верстку слоями и о разных динамических эффектах с их участием.

На подходе еще одна электронная книжка "Быстрые веб-страницы. Оптимизация сайта для его быстрой загрузки". В книге будут затронуты следующие темы: использование кэша, создание эффективного стиля, ускорение загрузки таблиц, верстка с помощью слоев, оптимизация графики, работа со скриптами, приемы и хитрости. Книжка получается замечательная, все-таки написание предыдущих изданий принесло положительный опыт. Еще одно достоинство - включение контрольных вопросов и заданий, позволяющих проверить усвоенный материал. Если у вас есть предложения или вопросы по материалу, можно написать, пока не поздно, мне на ящик vlad@htmlbook.ru или обсудить на форуме сайта.
Сегодня публикуются некоторые разделы из будущей книги.

Быстрые веб-страницы

Скорость доступа в Интернет в последнее время возросла благодаря тому, что многие организации переходят на выделенный канал, а технические показатели модемов становятся более качественными. Однако скорость загрузки сайтов, несмотря на это, по-прежнему остается одним из важных показателей, поскольку к ней предъявляются повышенные требования. Происходит это по следующим причинам.

1. Общее количество сайтов увеличивается с каждым днем, и быстрота загрузки выступает как критерий качественности выбранного ресурса. Если скорость появления информации в окне браузера оставляет желать лучшего, мы можем подождать конца загрузки страницы, чтобы оценить ее необходимость, параллельно просматривая другие сайты. В случае действительно интересной и нужной информации, пользователь может задержаться на сайте подольше, но вряд ли вернется на него еще раз, ведь быстрее поискать другие материалы по выбранной теме.

2. Оказываясь на сайте впервые, мы знакомимся с его структурой и разделами, пытаясь отыскать нужные нам материалы. В большинстве случаев, с первого раза угадать, что именно лежит за той или иной ссылкой, не всегда возможно. Поэтому, сделав некоторое предположение, мы смело переходим на другую страницу, верно полагая, что вернуться всегда сумеем с помощью кнопки браузера "Назад". Быстро загружающие страницы позволяют оперативно просмотреть сайт, чтобы оценить, где и какую информацию следует на нем искать.

3. Терпение человека ограничено, и ожидать окончания загрузки "медленной" страницы иногда просто томительно и тягостно для посетителя сайта. Тем не менее, люди могут ожидать больший промежуток времени, в случае, опять же, получения важной для них информации. По разным оценкам, проведенных экспериментально, терпение человека иссякает через 15-25 секунд после начала отсчета. Если за этот период ничего не произошло, в частности, страница не загрузилась даже частично, окно с сайтом закрывается.

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

Кэш - ваш друг и помощник

Просмотренные веб-страницы и файлы сохраняются браузером в специальном месте на жестком диске пользователя, которое называется кэш. Такой подход ускоряет отображение часто посещаемых или ранее просмотренных веб-страниц, поскольку браузер открывает их с локального ресурса, а не из Интернета. Процесс сохранения ресурсов в кэше и повторное их использование принято называть кэшированием.
Соответственно, чем больше информации занесется в кэш, тем быстрее, при следующем посещении сайта, будут загружаться веб-страницы. Браузеры, однако, кэшируют не всю информацию, поэтому следует понимать, что будет помещено в кэш, а что нет.

Кэшируются следующие данные
1. Изображения.
2. Веб-страницы целиком.
3. Файлы, содержащие стилевые таблицы.
4. Скрипты, которые вынесены в отдельный документ.

Не кэшируются
1. При отключенном параметре кэширования в браузере любая информация в кэш не попадает.
2. Веб-страницы с изменяющимся адресом, типа www.mysite.ru/ content.asp?cash=21EC2020-3AEA-1069-A2DD-08002B30309D, где параметр cash меняется каждый раз при загрузке данной страницы.
3. Веб-страницы, где в качестве метатега указано http-equiv="pragma" (пример 1).
4. Данные из файлов, вставляемые с помощью SSI (server side include).
5. Фрагменты веб-страниц.

Пример 1. Запрет кэширования

<html>
<head>
<META http-equiv="pragma" content="no-cache">
</head>
<body>
Данная страница не будет попадать в кэш браузера
</body>
</html>

Принцип использования кэша в своих интересах довольно прост. Сайт следует разбить на такие фрагменты, которые в одном и том же виде встречаются на разных страницах, например, изображения, скрипты, файлы с описанием стилей. К сожалению, в кэш не помещаются одинаковые фразы и предложения и вообще любой текст. Только веб-страница целиком или только изображения. Поэтому, несмотря на то, что файлы с рисунками занимают по объему больше места и, соответственно, загружаются дольше, чем текст, они, в отличие от того же текста, кэшируются. А это значит, что последующие веб-страницы, где используется данный рисунок, будут загружаться быстрее.

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

Вопросы для проверки

- Что такое кэш?
- Почему использование кэша ускоряет загрузку веб-страниц?
- Почему веб-страницы с изменяющимся адресом не попадают в кэш?
- Какие графические элементы повторяются на большинстве страниц сайта?
- Что такое SSI и почему данные с его использованием не кэшируются?

Задание

- Браузер Internet Explorer хранит кэшируемые файлы, которые он называет "Временные файлы Интернета" обычно в папке по адресу C:\Windows\Temporary Internet Files. Найдите эту папку, посмотрите ее содержимое и оцените, какие файлы наиболее часто попадают в кэш.
- Приведите примеры сайтов, где кэширование данных следует отключить.

Всё о Photoshop
Всё из мира графического редактора Adobe Photoshop. Еженедельно и только для вас в рассылке последние новости и обновления ресурса http://psd.eserver.ru. Не пропустите десятки увлекательных статей о Photoshop и компьютерной графике!
Новичку, интересующемуся, профессионалу!

Разделы сайта

		Создание сайта

		HTML

		CSS

		Динамический HTML

		Графика

		Дизайн

		Приемы верстки

		Инструментарий

		Справочная информация

		Шаблоны

		Форум

Подписка на новости

Введите ваш e-mail:

Помощь

Не знаете, с чего начать или что можно найти на сайте www.htmlbook.ru - воспользуйтесь Помощником по сайту

Copyright 2002 Влад Мержевич, e-mail: vlad@htmlbook.ru
Материалы сайта охраняются законом об авторском праве.
Вы можете свободно использовать и распространять любые статьи с указанием автора и ссылки на сайт www.htmlbook.ru.

http://subscribe.ru/
E-mail: ask@subscribe.ru

Отписаться
Убрать рекламу

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти">  <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div>  </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br /> <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}