Реклама

Ако имате веб локацију, већ бисте требали знати како то учинити користите праве формате слика и оптимизујте слике за веб 10 бесплатних интернетских алата за снимање серије да бисте промијенили величину, претворити и оптимизиратиПотребни су вам алати за уређивање серија када имате пуно фотографија за обраду и врло мало времена. Упознајемо вас са најбољим ресизизаторима, оптимизаторима или претварачима на мрежи који су доступни на мрежи. Опширније . Иако је компресија слике добро позната пракса, ХТМЛ компресија има тенденцију да се превиди, што је штета јер су користи вредне.

У овом ћемо чланку прећи на двије главне методе за смањивање ХТМЛ датотека, зашто би се ХТМЛ датотеке требало смањити и како то постићи.

Компресија вс. Минификација

Што се тиче оптимизације ХТМЛ датотека, постоје две главне методе за то: компресије и минификација. Звуче слично на површини, али заправо су две различите технике, па их немојте збунити.

Минификација

О минификацији можете размишљати као о уклањању непотребних знакова и линија у изворном коду. Размислите о увлачењу, коментарима, празним линијама итд. Ништа од овога није потребно у ХТМЛ-у - они постоје како би датотеку било лакше читати. Обрезивање ових детаља може смањити величину датотеке без икаквог утицаја.

Пример ХТМЛ странице:

Ово је заглавље
Пошаљите ми пошту на суппорт@иоурцомпани.цом.
Ово је нови параграф!
Ово је нови одељак подебљан и с пошевним словима.

Узорак ХТМЛ странице, компресован:

Ово је заглавље
Пошаљите ми пошту на суппорт@иоурцомпани.цом.
Ово је нови параграф!
Ово је нови одељак подебљан и с пошевним словима.

Оригинална величина: 354. Минимизирана величина: 272. Уштеда: 82 (23.16%).

Многи веб програмери и власници веб локација резервишу минификацију само за ЈС и ЦСС датотеке, али ова застарела пракса је грешка. Такође је важна и минимизација ХТМЛ-а.

Још у 2000-им, алати за минификацију били су ретки. Морали сте да ручно минирате датотеке сваки пут када се нешто промени. Пошто се ХТМЛ датотеке мењају чешће од ЈС и ЦСС датотека, једноставно је било досадно да се сваки пут тад минификују. Данас је то спорна ствар.

Компресија

Када корисници посете вашу веб локацију, они то раде помоћу ХТТП протокола. Прегледач шаље вашем веб серверу захтев за одређену страницу, ваш веб сервер проналази страницу, а затим садржај те странице враћа назад у прегледач посетиоца.

Али пошто ХТТП протокол подржава компресију, ваш веб сервер може да сажме страницу пре него што је пошаље посетиоцу (под претпоставком компримирање је омогућено у подешавањима вашег сервера), а затим прегледач посетиоца може декомпримирати страницу у првобитно стање.

Најчешћа шема компресије је ГЗИП, који је формат датотеке који користи а алгоритам компресије без губитака Како функционише компресија датотеке?Како функционише компресија датотеке? Научите основе компресије датотека и разлику између компресије губитака у односу на губитак. Опширније назива ДЕФЛАТЕ.

Алгоритам тражи понављања текста у ХТМЛ датотеци, а затим замењује оне поновљене појаве референцама на претходну појаву. Свака референца је једноставно два броја: колико је удаљена референца и колико знакова референцирамо.

Размотрите низ текста попут овог (пример преузет са веб локације ГЗИП):

Бла бла бла бла бла бла.

Алгоритам препознаје следеће понављање:

Б {лах б} {лах б} {лах б} {лах б} лах.

Прва појава је наша референца, па нека то буде:

Блах б {лах б} {лах б} {лах б} лах.

Друга појава се односи на прву појаву, која је пет знакова иза и пет знакова:

Блах б [5,5] {лах б} {лах б} лах.

Али у овом случају, алгоритам препознаје да је следећа појава исти низ знакова, па проширује референтну дужину за још пет:

Блах б [5,10] {лах б} лах.

И поново:

Бла б [5,15] лах.

А алгоритам је довољно паметан да схвати да су следећа три знака прва три знака у референци, тако да се протеже за три:

Бла б [5,18].

Сада размислите о типичној ХТМЛ датотеци и о томе колико понављања постоји. Скоро свака ознака, као што је, има одговарајућу завршну ознаку, као. Штавише, током дана се понављају многе ознаке, као што су, , , итд. Атрибути се такође често понављају, укључујући класа, хреф, и срц. Лако је схватити зашто је ГЗИП компресија толико ефикасна са ХТМЛ-ом.

Једина мана је да веб серверу треба мало више ЦПУ-а да изврши компресију сваки пут када се тражи страница. Али будући да ЦПУ данас не брине превише, скоро увек је боље омогућити ГЗИП него без икаквог, чак и ако имате веб хостинг за улазни ниво Најбоље услуге веб хостинга: заједничке, ВПС и наменске услугеТражите најбољу веб хостинг услугу за своје потребе? Ево наших најбољих препорука за ваш блог или веб локацију. Опширније .

Зашто бисте требали компримовати и умањивати

Постоје две главне предности, обе су кључне у данашњем мобилном тешком веб пејзажу.

Бржи терет страница

У просеку, ХТМЛ минифиер може основним подешавањима смањити величину датотеке за око 3 процента. Уз опционалне напредне поставке, ХТМЛ датотека може бити смањена за још 3 до 7 процената, за потенцијално смањење до 10 процената. То се директно претвара у бржа времена учитавања страница.

Мање пропусне ширине која се користи

Рецимо да имате 10 датотека, свака компресована са 50 КБ на 45 КБ, а укупно скупљање од 50 КБ. Рецимо да ваш вебсајт дневно поседује просечно 1.000 посетилаца, где свака посета у просеку износи десет страница. Сама ХТМЛ минимизација смањује употребу вашег пропусног опсега за 50 МБ дневно (1,5 ГБ месечно).

Компресија + Минификација

Као што можете видети, ХТМЛ минификација је корисна сама по себи, поготово како се веб локација повећава, датотеке се повећавају и саобраћај се повећава. Напоменути да Гоогле-ове смернице за брзу страницу препоручите минимизирање ХТМЛ-а, па ако сте скептични, допустите да вас то увјери у супротно.

Али оно што је сјајно у вези са оптимизацијом ХТМЛ-а је да не морате да изаберете ни минификацију, ни компресију. Можете и једно и друго! У ствари, ти требало би уради и једно и друго.

У просеку, можете очекивати да компресија ГЗИП-а смањи ХТМЛ датотеку за 70 до 90 процената. Користећи горњи пример са конзервативном проценом компресије, измењене ХТМЛ датотеке ће ићи од 45 КБ до 13,5 КБ свака, у укупном скупљању од 365 КБ. У поређењу са неминифицираним / некомпримираним, пропусност вашег веб мјеста сада је смањена за 365 МБ дневно (11 ГБ мјесечно).

И поред уштеде пропусности, свака се страница учитава драматично брже јер прегледач крајњег корисника треба само да преузме 13,5 КБ у односу на 50 КБ по страници.

Како компримовати и умањити ХТМЛ

Срећом, ни ови дана нису тешки, а за постављање вам не треба много техничког знања.

ВордПресс додатци

Ако имате ВордПресс страницу, све што требате је инсталирати један додатак и можете искористити предности компресије и комбиновања.

Већина додатака за кеширање ради више него само кеширање страница. На пример, ВП Најбржи кеш и В3 Тотал Цацхе оба имају подешавања са једним кликом која вам омогућавају да укључите минификацију ХТМЛ-а и ГЗИП компресију, између осталих функција које додатно убрзавају учитавање странице и смањују употребу пропусне ширине.

ако ти само желите минификацију, препоручујемо Смањите ХТМЛ повезати. То је једноставно, подржава ХТМЛ / ЦСС / ЈС и омогућава вам да мало прилагодите методу минификације (нпр. Да ли да уклоните хттп: и хттпс: из УРЛ-ова).

Статични ХТМЛ Минифиерс

Ако су ваше ХТМЛ датотеке статичке (тј. Не генерирају их динамички ЦМС или веб оквир), можете одржавати два скупа ХТМЛ датотека: сет „извор“, који није умањен за лако уређивање, и „минификовани“ сет, који креирате сваки пут када направите промену у изворној датотеци.

Да бисте је умањили, користите једно од ових алата:

• ХТМЛЦомпрессор
• ХТМЛ Минифиер
• ХТМЛ Минифиер (различито од горе наведеног)

Ово је одржива техника ако сте се одселили од ЦМС-а попут ВордПресс-а и сада га користите генератори статичких локација 7 разлога за испадање вашег ЦМС-а и размотрити статички генераторДуго година је објављивање веб страница било тешко за многе кориснике. ЦМС-ови попут ВордПресс-а су то променили, али још увек могу бити збуњујуће. Друга алтернатива је статички генератор. Опширније .

Омогући компресију ГЗИП-а

Кораци за омогућавање компресије ГЗИП-а могу се разликовати у зависности од софтвера за веб сервер који користите. Будући да је Апацхе најпопуларнија опција, објавићемо како да то омогућимо користећи .хтаццесс.

Повежите се са својим веб сервером помоћу ФТП-а, а затим креирајте датотеку под називом .хтаццесс у роот директоријуму. Уредите .хтаццесс датотеку да бисте имали следећа подешавања:

 мод_гзип_он Да мод_гзип_децхунк Да мод_гзип_итем_инцлуде датотека. (хтмл? | ткт | цсс | јс | пхп | пл) $ мод_гзип_итем_инцлуде хандлер ^ цги-сцрипт $ мод_гзип_итем_инцлуде миме ^ тект /.* мод_гзип_итем_инцлуде миме ^ апплицатион / к-јавасцрипт. * мод_гзип_итем_екцлуде миме ^ имаге /.* мод_гзип_итем_екцлуде рспхеадер ^ Кодирање садржаја:. * Гзип. *
 СетОутпутФилтер ДЕФЛАТЕ. 

Нисте сигурни да ли компресија делује на вашој веб локацији? Тестирајте га овим алатом.

За крајњу ефикасност, такође би требало научите како да проверите, очистите и оптимизујете ЦСС 11 Корисни алати за провјеру, чишћење и оптимизацију ЦСС датотекаЖелите да побољшате свој ЦСС код? Ове ЦСС провере и оптимизатори ће вам помоћи да побољшате ЦСС код, синтаксу и умањите ваше веб странице. Опширније .