Ներածություն HTTP / 2-ին WordPress- ի համար

Ներածություն HTTP / 2-ին WordPress- ի համար

HTTP / 2- ը ժամանակակից ոստայնում ներդրման ամենակարևոր կետերից մեկն է: Այս հոդվածը կարևորում է HTTP- ի ներկայիս վիճակը և ներկայացնում է HTTP / 2-ի հիմնական առավելությունները (և որոշ ոչ տեխնիկական հասկացություններ): Մենք նաև կսովորենք, թե ինչպես իրականացնել HTTP / 2 WordPress- ը 2018 թվականին.


HTTP համառոտ պատմություն

HTTP- ն հանդես է գալիս որպես Hypertext Transfer Protokoll, որը ստեղծվել է Թիմ Բեռներս Լիի կողմից 1991 թվականին: Թիմն այն մարդն է, որին մենք պետք է շնորհակալություն հայտնենք Համաշխարհային ցանցի համար: HTTP- ը ամենատարածված և լայնորեն ընդունված մեկն է դիմումների արձանագրությունները Ինտերնետում. Բայց դա միակը չէ.

Կանգնեք մի վայրկյան: Ես կարևորեցի արտահայտությունը դիմումների արձանագրությունները. Ինչու է դա Տեսնում եք, որ ինտերնետն իրականում արձանագրությունների չորս հիերարխիկ շերտերի կազմ է: Յուրաքանչյուր շերտ բաղկացած է մի շարք արձանագրություններից և պատասխանատու է ա հիմնական գործառույթը.

Մի փոքր դուրս գալով ՝ Ինտերնետային արարողակարգի (IP) լրակազմում չորս շերտ կա.

  1. Դիմումի շերտ
  2. Տրանսպորտային շերտ
  3. Ինտերնետային շերտ
  4. Հղման շերտը
Ինտերնետային կիրառման շերտի արձանագրություն

Ինտերնետային արարողակարգի շերտեր: Աղբյուրը Վիքիպեդիա

Առանց մանրամասների չափազանց շատ քննարկման ՝ վերջին երեք շերտերը (այսինքն ՝ տրանսպորտը, ինտերնետը և հղման շերտերը) պատասխանատու են տվյալների փոխանակման համար հուսալի կապ հաստատելու համար:.

Ամենաբարձր շերտը կոչվում է Դիմումի շերտ, որը ծառայում է բոլորին ծրագրեր ինտերնետում.

  • Վեբ էջերը դիտելը Ինտերնետում գործող ծրագիր է, որը հնարավոր է դարձել HTTP արձանագրության միջոցով.
  • Էլ.փոստը Ինտերնետում ևս մեկ ծրագիր է, որը հնարավոր է դարձել POP կամ IMAP արձանագրության միջոցով.

Կան մի քանի արձանագրություն կիրառման շերտում ինտերնետում, որը այնպիսի բաներ է ստեղծում, ինչպիսիք են YouTube- ի կենդանի տեսանյութերը և Կլանների բախում հնարավոր է.

HTTP / 2-ի ծնունդը

HTTP / 2 ՝ WordPress- ի սկիզբների համար

HTTP- ը հաճախորդների և սերվերների միջև սովորական լեզու է `հնարավորություն տալով ժամանակակից ցանցին: Իր պարզ սկիզբներից ՝ որպես մեկ հիմնաբառ և փաստաթղթային ուղի, այն դարձել է ընտրության արձանագրություն ոչ միայն բրաուզերների, այլև գրեթե բոլոր ինտերնետ-ծրագրային ապահովման և ապարատային ծրագրի համար:.

Սա հարց է առաջացնում. որքան հաճախ ենք թարմացնում ծրագրաշարի այս կարևոր մասը? Դե, ինչպես պարզվում է `ոչ շատ հաճախ

Փաստորեն, վերջին անգամ, երբ HTTP արձանագրությունը թարմացվեց, տեղի ունեցավ 1997 թ.-ին `առաջին iPhone- ի գործարկությունից տաս տարի անց: Դա HTTP տարբերակն էր 1,1 և 20 տարի անց, այն այսօր էլ ամենատարածված HTTP տարբերակն է!

Այն ամենը, ինչ տեղի է ունենում Ինտերնետում `կատվի տեսանյութեր հոսքից սկսած, միջազգային տիեզերակայանից ստացվող կենդանի վիդեո զրույցների և առցանց գործարքների տրիլիոնների մասին, տեղի է ունենում այն ​​տեխնոլոգիայի շուրջ, որը չի թարմացվել: երկու տասնամյակ. Տարիների ընթացքում մենք հսկայական առաջընթաց ենք արձանագրել Ինտերնետի համար նոր ծրագրեր ստեղծելու հարցում: Այնուամենայնիվ, մենք այս ամենը արեցինք ՝ ստեղծելով ելքեր HTTP / 1.1 սահմանափակումներից

Ես նկատի չունեմ ասել, որ HTTP / 1.1-ը ամեն ինչ վատն է: Բայց դա կարող է համոզվեք, որ օգտագործեք թարմացում. Եվ դա է պատճառը, որ 2015 թ Ինտերնետի ինժեներական աշխատանքային խումբ կրկնապատկվեց `HTTP- ի համար ավելի լավ արձանագրություն ստեղծելու վրա.

Արդյունքը նոր արձանագրություն էր, որը անխափանորեն աշխատում էր HTTP / 1.1- ով աշխատող բոլոր իրերի հետ ՝ միևնույն ժամանակ հիմնարար տեխնոլոգիայի որոշ լուրջ բարելավումներ կատարելով: Այս նոր արձանագրությունը կոչվեց HTTP / 2.

Ինչ փոխվեց HTTP / 2-ում?

Իրականում շատ բան է: Բայց մենք բոլորս այստեղ չենք պատրաստվում ծածկել: Բավական համոզվեք, որ այդ ժամանակ ձեզ ձանձրացնեք և նույնիսկ ավելի վստահ, որ ես չեմ կարողանա բացատրել իրերը ոչ գեղարվեստական ​​ձևով: Բայց երբ խոսքը վերաբերում է HTTP / 2 WordPress- ի համար, ահա մի քանի հիմնական կետ.

Բազմապատկում

HTTP / 1.1 կետում սերվերին և հաճախորդին անհրաժեշտ է ստեղծել անհատական ​​կապեր `ռեսուրսներ պահանջելու համար: Թույլ տվեք բացատրել UpWork- ի այս գեղեցիկ նկարազարդմամբ.

HTTP / 2 WordPress- ի համար. Բազմապատկում

Պատկեր ՝ մուլտիպլեքսավորման UpWork- ը

Կայքը կազմված է HTML, CSS, JavaScript, պատկերներից և այլ ֆայլերից: Այս ֆայլերը հավաքականորեն կոչվում են ռեսուրսներ: Այս օրինակում կա մի կայք, որը բաղկացած է երեք ռեսուրսներից `JavaScript ֆայլ, CSS ֆայլ և պատկերային ֆայլ.

Մենք տեսնում ենք, որ HTTP / 1.1-ում զննարկիչը պահանջում է երեք TCP կապ սերվերի հետ `այդ ռեսուրսները պահանջելու համար: Ինչո՞ւ Քանի որ HTTP / 1.1-ում յուրաքանչյուր կապ կարող է պահանջել միայն մեկ հարցում: Ավելի մեծ թվով կապեր սովորաբար հանգեցնում են այն, ինչը կարելի է լավագույնս անվանել որպես ռեսուրս ՝ «խցանումներ», ինչը, ի վերջո, հանգեցնում է դանդաղ կայքերի փորձի.

HTTP / 2- ը աջակցում է Multiplexing- ին

Multiplexing- ը տեխնոլոգիա է, որը սերվերներին հնարավորություն է տալիս մի քանի ֆայլեր ուղարկել մեկ կապի միջոցով: Արդյունքում, երբ նույն վեբ կայքը օգտագործում է HTTP / 2, բոլոր երեք ռեսուրսները կարող են ուղարկվել մեկ կապի միջոցով: Հետևաբար, բեռնվածության ժամանակը և ցանցի ռեսուրսների սպառումը զգալիորեն կնվազեն: Ավելի պարզ իմաստով, դուք կկարողանաք ավելին անել ավելին ՝ պակասով: Այսպիսով, HTTP / 2- ը WordPress- ի համար ձեր WordPress կայքի արագացման հիանալի միջոց է.

Դոմենի Shading և այլ բարելավումներ

Հիշո՞ւմ եք, թե որքան նոր ծրագրեր են պահանջում «ելքային ուղիներ» ՝ HTTP / 1.1-ի որոշակի սահմանափակումները հաղթահարելու համար: Դոմենի shading- ը նման լուծումներից մեկն է: Եկեք նայենք, թե ինչու է պահանջվում տիրույթի shading- ը.

Սովորաբար, HTTP / 1.1- ը սահմանափակում է սերվերի (տիրույթի) և հաճախորդի միջև բաց կապերի առավելագույն քանակը: Վեբ կայքերի մեծ մասում զուգահեռ բեռնվում են բազմաթիվ ռեսուրսներ: Որպեսզի կայքերն ավելի արագ բեռնվեն, վեբ-կայքերը սկսեցին իրենց ռեսուրսները մատուցել բազմաթիվ ենթահողային տիրույթներից: Սա կոչվում է տիրույթի ցնցում.

HTTP / 2 WordPress- ի համար. Տիրույթի Shading

Դոմենի shading- ի նկարագրությունը UpWork- ի կողմից

Այժմ HTTP / 2-ի հետ դոմենի տարածման կարիք չկա: Ոչ այն պատճառով, որ HTTP / 2-ը չի դնում բաց կապերի առավելագույն քանակի սահման: Բայց քանի որ HTTP / 2- ն աջակցում է բազմապատկմանը: Բոլոր ռեսուրսները կարող են ուղղակիորեն ուղարկվել մի կապով!

HTTP / 2-ում մուլտիպլեքսավորման շնորհիվ այս «գործառույթների» մեծ մասը այլևս պահանջվում է: Դրանք ներառում են CSS sprites, ներմուծված պատկերներ CSS- ում `օգտագործելով տվյալների URI- ներ, և CSS- ի և JavaScript- ի համատեղություն: Այն ներդնելու համար Smashing ամսագիրԽոսքերը.

HTTP / 2-ի աշխարհում HTTP հարցումները էժան են: Մշակման ընթացքում ձեր ակտիվների կազմակերպումը ըստ էջերի, որոնց վրա դրանք կօգտագործվեն, շատ ավելի լավ կլինի: Այնուհետև կարող եք ծառայել միայն այն ծածկագրի համար, որը այցելուին անհրաժեշտ է: Բազմաթիվ բարակ ոճային սավաններ ներբեռնելու նշանակություն չունի: Կարող եք նաև կազմակերպել `հիմնվելով այն բանի վրա, թե որքան հաճախ են փոփոխվում իրերը; Երկարություն ունեցող ակտիվները այնուհետև կարող էին ավելի երկար խնամվել.

Աջակցություն երկուական արձանագրություններին

Մենք գիտենք, որ համակարգիչները խոսում են 0-ին և 1-ին, այնպես չէ՞: Դե ինչ, ինչպես HTTP / 1.x- ն էր խոսում: HTTP1.x- ն օգտագործվում էր տեքստային հրամաններ մշակելու համար `խնդրանք-պատասխան ցիկլերը լրացնելու համար.

HTTP / 2- ը օժանդակում է տեքստի արձանագրությունից երկուական արձանագրություն փոխարկմանը: Սա սերվերին և հաճախորդին հնարավորություն է տալիս իրական տեքստի փոխարեն զրուցել 0-ում և 1-ով `դրանով իսկ զգալիորեն նվազեցնելով նույն հարցման-պատասխան ցիկլերը լրացնելու համար պահանջվող ժամանակի և էներգիայի քանակը:.

HTTP / 2 սերվերի հրել

Այս հնարավորությունը կարող է մի փոքր բարդացնել բացատրելու համար, բայց ես կփորձեմ այն ​​պարզ պահել: HTTP / 1.1 դասական սցենարում, սերվերը (կամ կայքը) հաճախորդին (դիտարկիչ) կուղարկի ռեսուրսներ միայն այն ժամանակ, երբ հաճախորդը հայցում է ռեսուրսը: Սա տիպի հարցում-պատասխան սցենար է.

Այնուամենայնիվ, HTTP / 2-ը ներկայացնում է սերվերի հրահանգի հայեցակարգը, որի դեպքում առաջին անգամ սերվերը կարող է ռեսուրսներ (կամ տեղեկատվություն) ուղարկել հաճախորդին, առանց հաճախորդի ՝ բացահայտ պահանջելու ռեսուրսը: Այս մեխանիզմը պահպանում է հարցում-պատասխան տուրի ուղևորությունը և նվազեցնում ցանցի լատենտությունը.

Վեբ ծրագրավորողները կարող են կառուցել այնպիսի սերվերներ, որոնք օգուտ են բերում Server Push- ին և լրացուցիչ ռեսուրսներ / տեղեկատվություն ուղարկել հաճախորդին ՝ ակնկալելով պահանջներ: Վերջնական արդյունք: Ավելի արագ, հարթեցված ծրագրեր.

Վերնագրի սեղմում

HTTP / 2- ը հաճախորդի և սերվերի միջև տվյալների փոխանակման ժամանակ օգտագործում է HPACK- ի վերնագրի սեղմում, որը կոչվում է սեղմում: Նախքան հաշվի առնենք, թե ինչու է դա կարևոր, ժամանակն է մի փոքր ավելին սովորել արձանագրությունների վերաբերյալ.

Protocolանկացած արարողակարգում տվյալների միավորը (ներառյալ HTTP- ը) բաղկացած է երեք հիմնական բաղադրիչներից ՝ վերնագիր, ծանրաբեռնվածություն և հիմք.

  1. Վերնագիր. Վերնագիրը պարունակում է տեղեկատվություն տվյալների միավորի վերաբերյալ
  2. Payload. Սա այն փաստացի տվյալներն է, որ սա սերվերից հաճախորդ է տեղափոխվում
  3. Ոտնահետք. Սա մի տեսակ ցուցակ է, որն ապահովում է, որ տվյալների միավորը հաջողությամբ հանձնվել է ՝ առանց որևէ սխալների.

Վերնագրի սեղմման աշխատանքները բավականին պարզ միջոց են `սերվերը սեղմում է վերնագրի տեղեկատվությունը նախքան այն հաճախորդին փոխանցելը: Տվյալների միավորը (կամ փաթեթը) ստանալուց հետո հաճախորդը վերացնում է վերնագիրը և ցուցադրում (կամ օգտագործում է) այն օգտագործողի (կամ) համար:.

Այսօր լրատվամիջոցներով հարուստ կայքերի միջոցով (ինչպիսին է Netflix- ը կամ New York Times- ը) դառնալով նորմա, HTTP / 2-ի HPACK վերնագրի սեղմումը կարող է խնայել լայն թողունակությունը `սերվերից հաճախորդին տվյալները փոխանցելու ժամանակ:.

Բարելավված TLS

TLS- ը հանդես է գալիս Transport Layer Security- ով, որը տեխնոլոգիայի այն քիչ մասն է, որը կոդավորում է սերվերների և հաճախորդների միջև կապերը: Մենք գիտենք, որ այն ունի HTTPS: Դա այն տեխնոլոգիան է, որն օգնում է կանխել հակերներին գողանալու մեր վարկային քարտի և այլ անձնական տվյալները առցանց գործարքների ընթացքում.

HTTP / 2-ը անթերի աշխատում է գործող TLS տեխնոլոգիայի հետ և բերում է մի տոննա առաջատար հատկություններ, ինչպիսիք են ավելի քիչ TLS ձեռքսեղմումները, թե՛ հաճախորդի, և՛ սերվերի կողմից ռեսուրսների ցածր սպառումը և առկա վեբ նստաշրջանների վերամշակման հնարավորությունները բարելավված ՝ միաժամանակ վերացնելով HTTP / 1-ի հետ կապված որոշակի խոցելի խոցումներ: .x.

Աշխարհը պատրաստ է HTTP / 2-ի համար?

Դե, դա կախված է: Ժամանակակից բրաուզերների մեծ մասը, ներառյալ Chrome- ը և Firefox- ը, աջակցում են HTTP / 2 արձանագրությանը: Եթե ​​ունեք HTTP / 2 արձանագրությունը կյանքի կոչելու ռեսուրսներ, ապա դուք պետք է առաջ գնաք և անեք դա.

Համատեղելիության ստուգում HTTP / 2-ի համար `հիմնական վեբ զննարկիչների մեջ:

CanIUse.com ապահովում է նորացված համատեղելիության ստուգում HTTP / 2-ի համար հիմնական վեբ բրաուզերների շարքում

Ինչպե՞ս սկսել HTTP / 2-ը WordPress- ի համար?

HTTP / 2 WordPress- ի համար

Ձեր WordPress հյուրընկալողի HTTP / 2-ի ներդրումը պահանջում է շատ տեխնիկական նոու-հաու: Եթե ​​ծրագրավորող եք կամ ցանցեր և սպասարկող սերվերներ են ձեր բանը, գնացեք դրա համար.

Լավ նորությունն այն է, որ WordPress- ի համար HTTP / 2-ի իրականացումը հեշտ է արվում ՝ շնորհիվ WordPress- ի հոստինգի լավ մատակարարների: Օրինակ ՝ ինչպես WPEngine- ը, այնպես էլ Kinsta- ն աջակցում են HTTP / 2-ին և ունեն բոլոր անհրաժեշտ հետևանքները, որոնք անհրաժեշտ են կայքի այցելուների համար, ովքեր չեն աջակցում նոր արձանագրությանը, ստանալ հուսալի, լիովին օպտիմիզացված HTTP / 1.1 փորձի.

Համացանցի օգտագործողի տեսանկյունից, դուք ստիպված չեք լինի որևէ այլ բան անել, քան ձեր զննարկչի վերջին տարբերակը ներբեռնելու համար: Եթե ​​կայքը համատեղելի է HTTP / 2-ի հետ, ձեր զննարկիչը ինքնաբերաբար կկապվի դրա հետ `օգտագործելով նոր արձանագրությունը: Այնուամենայնիվ, HTTP / 2- ը ամբողջովին հետ համատեղելի է, ուստի այն հին կայքերը, որոնք դեռ օգտագործում են հին HTTP- ը, չեն ազդի: Դա նշանակում է, որ դուք պարզապես կարող եք նստել և վայելել վեբ կայքերն ավելի արագ բեռնելու համար.

HTTP / 2- ի փաթեթավորում WordPress- ի համար

HTTP / 2- ը WordPress- ի համար շատ անհրաժեշտ, հեղափոխական թարմացում է աշխարհի ամենակարևոր տեխնոլոգիաներից մեկի համար: Այնուամենայնիվ, դա կպահանջեր լոտ ժամանակն է, որ HTTP / 2-ը անցնի հիմնական `HTTPS- ի նման կայքեր: Ասվածի համաձայն, սույն հոդվածի նպատակը մեր ընթերցողներին ծանոթացնել այս հիանալի տեխնոլոգիայի կտորին, որը կարող է պոտենցիալ փոխել Համաշխարհային ցանցի դեմքը.

Մտքեր HTTP / 2-ին WordPress- ի համար: Հարցեր Տեղեկացրեք մեզ ներքևում գտնվող մեկնաբանությունների բաժնում!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map