AMP-ийн давуу тал ба энэ нь Responsive Web Design-аас ялгаатай байна
Вэбсайтуудын аналитик урсгалыг өнгөрсөн хэдэн жилийн туршид харахад тэдгээр нь нийтлэг нэг чухал зүйлийг хуваалцах болно. Тэдгээр нь хөдөлгөөнт төхөөрөмж дээрх хэрэглэгчдийн тоогоор өсөх болно.
Дэлхий даяар гар утасны төхөөрөмжөөс гар утасны илүү олон вэб хөдөлгөөнийг "уламжлалт төхөөрөмж" гэж үзэхээс илүүтэйгээр компьютер, ширээний компьютер гэж нэрлэдэг. Хөдөлгөөнт тооцоолол нь онлайнаар агуулагдаж буй агуулгын хувьд өөрчлөгдөж байгаа нь эргэлзээгүй бөгөөд энэ нь хөдөлгөөнт төвлөрсөн үзэгчдэд зориулсан вэбсайтуудыг бий болгох арга замыг өөрчилсөн гэсэн үг биш юм.
Гар утасны үзэгчид бий болгох
"Хөдөлгөөнтэй вэбсайттай вэбсайт" үүсгэх нь олон жилийн туршид вэбсайт мэргэжилтнүүдийн хувьд нэн тэргүүний асуудал болж ирсэн. Вэбсайт дизайн гэх мэт практикууд нь бүх төхөөрөмжүүдэд сайн ажиллаж байсан сайтуудыг бий болгоход туслах зорилготой бөгөөд вэбсайтын гүйцэтгэлд анхаарлаа төвлөрүүлж, татаж авах хурдыг бүх хэрэглэгч, хөдөлгөөнт эсвэл өөр бусад хүмүүст ашиг тусаа өгдөг. Мобайл сайтай сайтуудын өөр нэг арга нь AMP вэб хөгжүүлэлт гэж нэрлэгддэг бөгөөд энэ нь Accelerated Mobile Pages гэсэн үг юм.
Google-ийн дэмждэг энэхүү төсөл нь вэбсайтыг хэвлэн нийтлэгчдэд гар утасны төхөөрөмж дээр илүү хурдан ачаалах сайтуудыг бий болгох боломжийг олгодог нээлттэй стандарт хэлбэрээр үүсгэгдсэн юм. Хэрвээ та вэбсайтын дизайнтай төстэй зүйл шиг сонсогддог бол та буруу биш юм. Хоёр үзэл баримтлал нь ихэвчлэн түгээмэл байдаг бөгөөд эдгээр нь хоёулаа хөдөлгөөнт төхөөрөмж дээрх хэрэглэгчдэд контентыг хүргэхэд чиглэсэн. Гэхдээ эдгээр хоёр аргын хооронд хэд хэдэн ялгаа байдаг.
AMP ба Responsive Web Design хоорондох гол ялгаа
Хариуцлагатай вэб дизайны хүч чадлын нэг нь сайтад нэмдэг уян хатан байдал үргэлж байдаг. Та зочны дэлгэцийн хэмжээг автоматаар хариулах нэг хуудсыг үүсгэж болно. Энэ нь таны гар утас, зөөврийн компьютерээс зөөврийн компьютерээс зөөврийн компьютер, ширээний компьютер болон бусад төхөөрөмжүүдээс өргөн хүрээний төхөөрөмжүүд, дэлгэцийн хэмжээнээс илүү сайн туршлага хуримтлуулах боломжийг танд олгоно. Хариуцлагатай вэб дизайн нь зүгээр л хөдөлгөөнт бус төдийгүй бүх төхөөрөмж, хэрэглэгчийн туршлага дээр төвлөрдөг. Энэ нь зарим талаараа заримдаа сайн, бусдад муу юм.
Талбай дахь уян хатан байдал нь маш сайн, гэхдээ хэрэв та гар утсанд гол анхаарлаа хандуулахыг хүсвэл бүх дэлгэц дээр анхаарлаа төвлөрүүлдэг сайтыг зөвхөн хөдөлгөөнт төхөөрөмж дээр бус, гар утасны гүйцэтгэлийн цэвэр оновчтой болгоход уян хатан байх боломжтой. Энэ бол AMP-ийн онол юм.
AMP хурдны хөдөлгөөнд зориулагдсан - хөдөлгөөнт хурд. Malte Ubl, Google Tech Lead Leader төслийн хувьд AMP нь "вэб контентийг шуурхай болгох" гэсэн зорилготой юм. Үүнийг хийх зарим арга замууд нь:
- Lazy ачаалал
- Preconnect ашиглах
- Нөөцийг урьдчилан боловсруулах
- Async Javascript
- Шугамын загварын хуудас
- Татаж авах фонт байхгүй байна
- Нөөцийн тэргүүлэх чиглэл
Эдгээр нь AMP ачааллыг хурдан болгодог гол удирдагчдын зарим нь юм. Гэсэн хэдий ч, энэ жагсаалтад байгаа зарим зүйлс нь урт хугацааны туршид вэбсайт мэргэжлийн хүмүүсийг цочирдуулж болох юм. Жишээ загварын хуудас . Бидний олонх нь олон жилийн туршид бүх загварыг гадны хэв маягт багтаасан байх ёстой гэж хэлсэн байдаг. Хуудасны хуудсуудыг бүгдийг нэг хуудасны загвараас гаргах чадвартай байх нь CSS-ийн давуу талуудын нэг юм. Хэрэв хуудсууд нь шугамын загварыг ашигладаг бол хүч сулардаг. Тиймээ, та гадны файлыг татаж авах хэрэгцээгээ хязгаарладаггүй, гэхдээ энэ сайтыг бүхэлд нь нэг хэв маягаар удирдах боломжтой. Тэгэхээр аль хандлага илүү дээр вэ? Үнэндээ тэд хоёулаа ашиг тус, сул талуудтай байдаг. Вэб нь байнга өөрчлөгдөж байдаг бөгөөд таны сайтад зочилдог өөр өөр хүмүүс өөр өөр хэрэгцээтэй байдаг. Аливаа тохиолдлуудад янз бүрийн арга барилд тохирдог учраас бүх тохиолдолд хэрэглэгдэх дүрмийг тогтооход маш хэцүү байдаг. Гол түлхүүр нь таны тодорхой нөхцөлд аль хамгийн сайн байгааг тодорхойлохын тулд хандлагын тус бүрийн үр өгөөж буюу дутагдалыг жинлэх явдал юм.
AMP ба RWD-ийн хоорондох өөр нэг гол ялгаа нь одоогийн сайт руу хариу үйлдэл хийх нь ховор байдаг. RWD нь сайтын архитектур, туршлага дээр тулгуурлан дахин боловсруулсан тул ерөнхийдөө сайтыг дахин дизайн хийх, дахин боловсруулж хэвшсэн хэв загвартай байлгахыг шаарддаг. Гэхдээ AMP нь одоо байгаа сайт дээр нэмж болно. Үнэн хэрэгтээ, тэр ч байтугай одоо хариулсан сайт руу нэмж болно.
Javascript-н хэлэлцүүлэг
RWD-тэй сайтуудаас ялгаатай нь AMP сайт Javascript-тэй сайн тоглодоггүй. Энэ нь өнөөдөр сайт дээр алдартай 3- р намын скриптүүд болон сангууд багтдаг. Эдгээр номын сангууд сайт дээр гайхалтай функцийг нэмэх боловч гүйцэтгэлд нөлөөлдөг. Иймээс, хуудасны хурданд анхаарлаа хандуулах нь Javascript файлаас зайлсхийх үндэслэл болно. Энэ шалтгаанаар AMP нь статик веб хуудсууд дээр ихэвчлэн өндөр динамик эсвэл Javascript нөлөөнөөс өөр шалтгааны улмаас ашиглагддаг. Жишээ нь, "lightbox" загварын туршлагатай вэбсайт галерей нь AMP-д асар их нэр хүндтэй байх болно. Нөгөө талаас стандарт вэбсайтын нийтлэл эсвэл хэвлэлийн хувилбар нь AMP-тэй танилцах гайхалтай хуудас байх болно. Энэ хуудас нь медиа медиа дээрх холбоосыг харж эсвэл гар утсандаа Google хайлтыг үзсэн мобайл төхөөрөмж ашиглан хүмүүс уншиж магадгүй. Шаардлагагүй Жаваскрипт болон бусад эх сурвалжуудыг ачаалах үед татаж авах хурдыг удаашруулахын оронд тухайн агуулгыг хурдан хугацаанд хүргэх чадвартай байх нь хэрэглэгчдийн хувьд гайхалтай туршлага болно.
Зөв шийдлийг сонгох нь
Тэгэхээр та ямар сонголт хийх вэ - AMP эсвэл RWD? Энэ нь танай онцгой хэрэгцээнээс хамаардаг, гэхдээ та аль нэгийг нь сонгох хэрэггүй. Хэрвээ бид илүү ухаалаг (илүү амжилттай) онлайн стратегитай байхыг хүсч байгаа бол бид бүх арга хэрэгслийг авч үзэж, хэрхэн хамтран ажиллахаа мэдэх хэрэгтэй гэсэн үг юм. Магадгүй энэ нь таны сайтыг хариуцлагатай байдлаар хүргэх гэсэн үг юм, гэхдээ хөгжүүлэлтийн загварт хамгийн тохиромжтой байж болох хэсгүүд эсвэл хуудаснуудад AMP-ийг ашиглаж байгаа байх. Энэ нь өөр өөр аргуудыг хэрэглэх, тэдгээрийг хослуулан хэрэглэхэд онцгой хэрэгцээ шаардлагад нийцсэн хайбрид шийдлийг бий болгох бөгөөд энэ хоёр сайтын аль аль нь сайтын зочдод хамгийн сайнаар хүргэдэг гэсэн үг юм.