Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

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

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Выдаляем лішні HTML-код у праграмах FrontPage і Dreamweaver

  1. «Чыстка» лішніх HTML-тэгаў ць FrontPage
  2. «Чыстка» лішніх HTML-тэгаў у Dreamweaver

Наведваючы сайты ў Інтэрнэце, вы, напэўна, заўважылі, што хуткасць загрузкі ў розных старонак і сайтаў розная. Адны загружаюцца хутчэй, іншыя павольней. Калі патрэбная інфармацыя загружаецца хутка, гэта заўсёды радуе і фармуе станоўчыя адносіны да ўсіх сайце ў цэлым. Але калі хуткасць загрузкі невялікая, цалкам верагодна, што ў наступны раз вы пашукае патрэбную вам інфармацыю ў іншым месцы. Ці не так?

Менавіта таму стваральніку сайта не варта пакідаць без увагі такое пытанне, як хуткасць загрузкі сайта.

Што, наогул, уплывае на хуткасць загрузкі старонкі? Немалаважную ролю тут, вядома ж, гуляе хуткасць падлучэння да Інтэрнэту. Але на гэты фактар ​​стваральнік сайта, нажаль, паўплываць не ў стане. Можна толькі ўлічыць, што, хоць у апошні час хуткасць доступу ў Інтэрнэт дзякуючы вылучаных каналах і больш якасных паказчыках мадэмаў істотна ўзрасла, застаецца нямала карыстальнікаў, у якіх хуткасць падлучэння да Інтэрнэту засталася па-ранейшаму невысокай.

Акрамя гэтага, на хуткасць загрузкі старонкі таксама ўплывае хостынг, на якім размешчаны сайт. Напрыклад, на большасці бясплатных хостынгаў колькасць карыстальнікаў досыць вяліка, што істотна запавольвае загрузку сайта.

На платных хостынгах загрузка сайта адбываецца хутчэй. Аднак многія платныя хостынгі загружаны не менш, чым бясплатныя, таму праблемы з хуткасцю загрузкі сустракаюцца і там. Так што не забывайце, што выбар хостынгу, апроч усяго іншага, уплывае таксама і на хуткасць доступу да сайта.

Хуткасць загрузкі старонкі залежыць ад памеру старонкі ў кілабайтах. Чым менш памер старонкі, тым хутчэй яна загружаецца. А так як мы ведаем, што звычайная Інтэрнэт-старонка цалкам і цалкам складаецца з HTML-кода, то хуткасць загрузкі старонкі будзе залежаць менавіта ад гэтага. Гэта значыць ад памеру HTML-кода.

Вядома, апроч тэкставай інфармацыі на старонках могуць сустракацца і розныя графічныя аб'екты. І для таго каб загрузіць усе малюнкі, наяўныя на старонцы, патрабуецца дадатковы час, і яно будзе залежаць ужо ад памеру файлаў адчыняюцца малюнкаў.

Візуальныя рэдактары, такія як FrontPage і Dreamweaver істотна палягчаюць стварэнне сайта. Але разам з гэтым, як мы высветлілі, яны часта дадаюць «адсябеціну». Звычайна гэта лішнія HTML-тэгі, якія не абавязкова ці проста не трэба выкарыстоўваць на старонцы.

Аднак з пункту гледжання праграм усё правільна і нават лагічна. Вы націскаеце на кнопачкі, праграма піша адпаведны код. Так што на стварэнне лішніх HTML-тэгаў ўплывае і «чалавечы фактар». Але пра ўсё гэта я ўжо пісала. Дарэчы, з нагоды логікі праграм дадатак ад чытача Васіля aka Дзядзькі Васі.

<Цытата>
... калі вы пісалі слова HTML, вы памянялі раскладку клавіятуры. І FrontPage чамусьці вырашыў, што гэта трэба абавязкова адзначыць. У HTML-кодзе бачым наступнае:

Я вывучаю <span lang = "en-us»> HTML </ span>
</ Цытата>

А бо ў дзеяннях FrontPage ў гэтым выпадку прасочваецца ненулявога логіка. Справа ў тым, што HTML-дакументы прызначаны не толькі для людзей, якія ўмеюць чытаць! 🙂 Некаторыя браўзэры ўжо зараз маюць сродкі галасавога высновы інфармацыі. Гэта значыць кампутар «чытае ўслых» вэб-старонку, а карыстальнік слухае. Няцяжка здагадацца, што для правільнага «вымаўлення» трэба ведаць мову, на якім напісана якое вымаўляецца. (Заўважым у дужках: менавіта мова, то ёсць раскладку клавіятуры, а не кадоўку; гэта розныя рэчы).

У апісаным вышэй выпадку кампутар не ведае загадзя, для чаго прызначаны дакумент: для чытання з экрана, для праслухоўвання ці яшчэ для чаго-то. (З экзотыкі: спецыяльна для сляпых людзей былі распрацаваны прылады тактыльнага высновы інфармацыі, якія выкарыстоўваюць рэльефны шрыфт Луі Брайля; ў стандарце CSS для гэтых прылад вызначаны адмысловы Media type: BRAILLE). «Разумная» праграма з двух попелаў абрала меншае: хай дакумент будзе больш па памеры, але затое ён будзе максімальна сумяшчаецца з усім і ўся. І дадала: <span lang = "en-us»>

Значная частка «артэфактаў візуальнага рэдагавання» з'яўляецца менавіта па гэтай прычыне: машына «падстрахоўвае» чалавека на ўсе выпадкі жыцця.

Вядома, добра, калі сайт такі функцыянальны і даведацца размешчаную на ім інфармацыю могуць людзі з рознымі магчымасцямі.

Але кожны знак у HTML-кодзе - гэта адзін біт. А 1024 байтам - гэта адзін кілабайт. Лічыцца, што памер старонкі, якая будзе аптымальна хутка загружацца ў карыстальнікаў з рознымі хуткасцямі падлучэння да Інтэрнэту не перавышае 30 кілабайт. Вось і лічыце цяпер :). Дарэчы, анекдот в тему:

Чым адрозніваецца скончаны праграміст ад простага карыстальніка? Карыстальнік думае, што ў килобайте 1000 байт, а праграміст - што ў кіламетры 1024 метра.

З візуальнымі рэдактарамі мы разабраліся. Так, яны дадаюць лішнія HTML-тэгі, якія павялічваюць памер старонкі і, такім чынам, памяншаюць хуткасць яе загрузкі. Але адначасова яны прадастаўляюць сродкі, якія дапамогуць гэтыя лішнія тэгі прыбраць. Зараз я вам пра гэтыя сродках і раскажу.

«Чыстка» лішніх HTML-тэгаў ць FrontPage

Адкрыйце ць FrontPage старонку, якую збіраецеся рэдагаваць. Калі вы хочаце выдаліць лішнія тэгі адразу на некалькіх старонках, то адкрыйце і іх таксама. FrontPage дазваляе прыбраць «лішняе» з усіх старонак адразу.

Затым абярыце ўкладку Код (HTML). Вось яна, тая самая код, з якога мы цяпер ўбяром ўсё, чаму тут быць зусім не абавязкова. У камандным радку абярыце Сэрвіс | Аптымізаваць HTML. Адкрыецца наступнае акно:

Адкрыецца наступнае акно:

Расстаўце сцяжкі там, дзе лічыце патрэбным. Напрыклад, калі вам не трэба выдаляць тэгі Generator і ProgID і вы вырашылі пакінуць іх для прыгажосці (г.зн. для інфарматыўнасці), не стаўце там сцяжок.

Пасля гэтага HTML-код ужо павінен істотна скараціцца. Напрыклад, за кошт таго, што ўсе прабелы перад тэгамі адыдуць. Зараз можна выдаліць іншыя лішнія тэгі, якія не былі закрануты гэтай аптымізацыяй.

Выкажам здагадку, трэба прыбраць тэгі <span>. У камандным радку выбіраем Праўка | Замена (можна проста націснуць на клавіятуры <Ctrl> + <H>). Адкрыецца такое акно:

Адкрыецца такое акно:

Націскаем Замяніць усё і тэгаў <span> на старонцы не будзе. Аднак, потым трэба будзе замяніць яшчэ і ўсе </ span>. А што рабіць з <span lang = "en-us»>?

Як бачыце, у акне на малюнку вышэй акрамя ўкладак Пошук і Замена ёсць яшчэ ўкладка Тэгі HTML. Вось так яна выглядае:

Тут тэгі HTML рэдагаваць значна зручней. З імі можна зрабіць шмат - замяніць, задаць значэнне атрыбуту ці проста выдаліць. Калі вам не патрэбныя тэгі <span> на старонцы ні ў якім выглядзе, то, зразумелая справа, трэба выбраць менавіта выдаленне тэга.

Дарэчы, замест таго, каб выкарыстоўваць камандны радок, можна карыстацца клавіятурны скарачэннямі. Напрыклад, для таго, што б нешта ўставіць, дастаткова проста націснуць - <Ctrl> + <V>, капіяваць - <Ctrl> + <K>. Клавіятурныя скарачэння можна паглядзець насупраць кожнага з пунктаў меню.

«Чыстка» лішніх HTML-тэгаў у Dreamweaver

У праграме Dreamweaver тэхналогія «чысткі» кода падобная з тэхналогіяй ць FrontPage. Але некаторыя адрозненні ўсё ж маюцца, таму лічу не лішнім апісаць і яе таксама.

Для выдалення тэгаў з Word'а тут маецца значна больш магчымасцяў. У камандным радку выбіраем Каманды (Commands) | Ачысціць Word HTML (Clean up Word HTML).

У камандным радку выбіраем Каманды (Commands) |  Ачысціць Word HTML (Clean up Word HTML)

Тыя, хто мучыўся з выдаленнем тэгаў Word ўручную, ацэняць гэтую функцыю па вартасці :). Але Dreamweaver ўмее не толькі тэгі Word'a выдаляць, але і любыя іншыя: Каманды (Commands) | Ачысціць HTML (Clean up HTML).

Але Dreamweaver ўмее не толькі тэгі Word'a выдаляць, але і любыя іншыя: Каманды (Commands) |  Ачысціць HTML (Clean up HTML)

Можна адным махам прыбраць пустыя, лішнія тэгі (якія "ні да сяла ні да горада»), каментары (якія, хоць і карысныя, але ўсё роўна - адзін сімвал гэта адзін байт!). Ну і, вядома ж, тэгі, якія вы пакажа самі, у дадзеным выпадку span.

Выкарыстоўваючы магчымасці візуальных рэдактараў, вы цалкам можаце зрабіць ваш HTML «крышталёва чыстым». Прычым асаблівых высілкаў прыкладаць і не трэба. Расставіў сцяжкі, націснуў на кнопку і калі ласка!

Аднак, нават вычысьцілі свой HTML-код «да бляску», не заўсёды можна з упэўненасцю сказаць, што ваш сайт будзе загружацца за милисекунды. Немалаважную ролю гуляюць тэхналогіі, якія вы карыстаецеся пры стварэнні сайта. Напрыклад, вы стварылі сайт, макетам якога з'яўляецца табліца. Гэта вельмі зручны варыянт, асабліва на пачатковым этапе. Але табліцы маюць некаторыя свае асаблівасці, якія могуць запаволіць загрузку старонкі. Пра іх чытайце ў артыкуле « Як паскорыць загрузку табліц на сайце? «.

Ці не так?
Што, наогул, уплывае на хуткасць загрузкі старонкі?
А што рабіць з <span lang = "en-us»>?