Минимизация кода javascript

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

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

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

Другая возможность состоит в помещении кода JavaScript в отдельный файл .js и созда- нии ссылки на этот файл в разделе <HEAD> страницы. Переместив основную часть кода JavaScript из страницы в отдельный файл, вы сократите объем кода в своей странице Web, что способствует повышению позиции сайта в результатах машины поиска. Этот метод также позволит вам повторно использовать код в других страницах, не прибегая к его многократному дублированию, В результате вы минимизируете объем своей работы, если вам позже потребуется внести изменения в код JavaScript.

В соответствии с указанным методом, переместите какой-либо код JavaScript, который вы обычно помещаете в раздел <HEAD> своей страницы Web, в отдельный файл .js. Этот файл должен содержать только ваш код JavaScript и не включать никакого кода HTML. Ссылка на этот файл выглядит подобно следующей:

<Script language="JavaScript" src="namethisfile.js"> </Script>

Далее, когда браузер загрузит вашу страницу, он последует по ссылке и загрузит код JavaScript. Обратите особое внимание на то, что некоторые серверы не распознают файлы типа .js, так что предварительно поэкспериментируйте со своим сервером и установите, работает он с такими файлами или нет.

Этот сайт принадлежит одному из наших студентов, и в Листинге 21.2 представлен ис- ходный код раздела <HEAD> перед тем, как из него был удален и помещен в отдельный файл код JavaScript. Для краткости мы удалили из листинга семь страниц кода JavaScript, но того, что осталось, достаточно для осознания преимуществ обсуждаемого метода.

Листинг 21.2 Часть листинга кода JavaScript в заголовке страницы Web

<HTML>
<HEAD>
<TITLE> Professional web design, hosting and search engine positioning for the small to
medium size businesses (Профессиональный Web-дизайн, хостинг и позициониро-
вание сайтов на поисковых машинах для малого и среднего бизнеса</Т1Т1_Е>
<МЕТА Name=" Description" Content-"With years of internet experience, we specialize in
web design and search engine positioning. Let GBITech provide you with sensible
business solutions (Имея многолетний опыт работы в Интернете, мы специализиру-
емся на Web-дизайне и позиционировании машин поиска. Разрешите GBITech обес-
печить вас удобными средствами для ведения бизнеса).">
<МЕТА Name=" Keywords" Content="professional web design,search
positioning,websito promotion,quality,rankings,increased hits,web hosting">
<META Name="Distribution11 Content="Global">
<META Name="Rating" Contents"General">
<META Name="Robots" Content="AH">
engine
330 Эффективный Web-сайт
<Script Language="JavaScript">
<[-- hide this script from non-javascript-enabled browsers (скрытие кода для браузеров
без поддержки javascript)
if (document.images) {
aboutf_f1 = new lmage(247,29); aboutf_f1.src = "gfx/aboutf.gif";
aboutf_f2 = new lmage(247,29); aboutM2.src = "gfx/aboutf_f2.gif";
aboutf_f3 = new lmage(247,29); aboutf_f3.src = "gfx/aboutf_f3.gif";
hostingf_f1 = new lmage(247,30); hostingf_f1.src = "gfx/hostingf.gif";
hostingf_f2 = new lmage(247,30); hostingf_f2.src = "gfx/hostingf_f2.gif";
hostingfJS = new lmage(247,30); hostingMS.src = "gfx/hostingM3.gif";
ecommercef_f1 = new lmage(247,30); ecommercef_f1.src = "gfx/ecommercef.gif";
ecommercef__f2 = new lmage(247,30); ecommercef_f2.src = "gfx/ecommercef_.f2.gif";
ecommercef_f3 = new lmage(247,30); ecommercef_f3.src я "gfx/ecommercef_f3.gif";
designfLfl = new lmage(247,31); designf_f 1 .src = "gfx/designf.gif";
designf_f2 = new lmage(247,31); designf_f2.src = "gfx/designf_f2.gif";
designfJS = new lmage(247,31); designf_f3.src = "gfx/designf_f 3.gif";
front2a_r06_c2_f1 я new lmage(326,49); front2a_r06_c2_f1.src = "gfx/front2a_r06__c2.gif";
front2a_r06_c2_f3 = new lmage{326,49); front2a_r06_c2_f3.src = "gfx/
front2a_r06_c2_f3.gif";
front2a_r06_c2_f4 = new lmage(326,49); front2a_r06_c2J4.src = "gfx/
front2a_r06__c2_f4.gif";
front2a_r06_c2_f5 = new lmage(326,49); front2a_r06_c2_f5.src = "gfx/
front2a_r06_c2_f5.gif";
front2a_r06_c2_f6 = new lmage(326,49); front2a_r06_c2_f6.src = "gfx/
f ront2a_r06__c2_f6.gif";
front2a_/06_c2_f7 = new lmage{326,49); front2a_r06_c2_f7.si'c = "gfjc/
front2a_r06_c2_f7.gif";
front2a_r06__c2_f8 = new lmage(326,49); front2a_r06_c2_f8.src = "gfx/
front2a_r06_c2_f8.gif";
front2a_r06_c2_f9 s new lmage{326,49); front2a_r06_c2_f9.src = "gfx/
front2a_r06_c2_f9.gif";
front2a_r06_c2_f10 = new lmage(326,49); front2a_r06_c2_f10.src ="gfx/
front2a_r06_c2_f 10.gif";
searchf_f1 = new lmage(247,42); searchf_f1.src= "gfx/searchf.gif";
searchM2 = new [mage{247,42); searchf_f2.src = "gfx/searchf_f2.gif";
searchf_f3 = new lmage(247,42); searchf_f3.src = "gfx7searchf_f3.gif";
****Deleted 7 pages of JavaScript from here (Здесь были удалены 7 страниц кода
JavaScript)****
</HEAD>

Теперь познакомимся с исходным кодом HTML после удаления кода JavaScript:

<НТМ1_>
<HEAD>
<TITLE>Professional web design, hosting and search engine positioning for the small to
medium size businesses (Профессиональный Web-дизайн, хостинг и позициониро-
вание сайтов на поисковых машинах для малого и среднего бизнеса<ГПТ1_Е>
<МЕТА Name="Description" Content^" With years of internet experience, we specialize in
web design and search engine positioning. Let GBITech provide you with sensible
business solutions (Имея многолетний опыт работы в Интернете, мы специализиру-
емся на Web-дизайне и позиционировании машин поиска. Разрешите GBITech обес-
печить вас удобными средствами для ведения бизнеса).">
<МЕТА Name=" Keywords" Content="professional web design,search engine positioning,
website promotion,quality,rankings,increased hits,web hosting">
<Script Language^"JavaScript" src="docimage.js"></Script>
<Script Language="JavaScript" src="scroll.js"></Script>
<Script Language="JavaScript" src="bannersetup.js"></Script>
</HEAD>

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

Продолжение темы:

Полезная информация