amp ၏အကျိုးကျေးဇူးများကြောင့်တုံ့ပြန်မှုက်ဘ်ဒီဇိုင်းကနေမတူပုံကို
သူတို့ကမိုဘိုင်းကိရိယာများပေါ်တွင်အသုံးပြုသူများထံမှလာပြီဖြစ်ကြောင်းဧည့်သည်များ၏အရေအတွက်မြင့်တက်လာ - သငျ websites များအတွက် analytics အသွားအလာလွန်ခဲ့သောနှစ်အနည်းငယ်ကြည့်ရှုလျှင်, သင်ဖွယ်ရှိဘုံထဲမှာသူတို့အားလုံးရှယ်ယာများထဲမှအဓိကအရာကြောင်းတွေ့လိမ့်မည်။
တကမ္ဘာလုံးကျနော်တို့အခြေခံအားဖြင့် desktop သို့မဟုတ် Laptop ကွန်ပျူတာဆိုလိုတာက "ရိုးရာပစ္စည်းတွေ" စဉ်းစားပါလိမ့်မယ်အဘယျသို့ကနေထက်မိုဘိုင်းထုတ်ကုန်မှလာပိုပြီးက်ဘ်ဆိုက်အသွားအလာယခုလည်းမရှိ။ မိုဘိုင်းကွန်ပျူတာကအဲဒီတိုးမိုဘိုင်း-ဗဟိုပြုပရိတ်သတ်များအတွက်ဝက်ဘ်ဆိုက်များတည်ဆောက်ရမည်ဟုလမ်းကိုပြောင်းလဲသွားပြီဆိုလိုတာကလူတွေအွန်လိုင်းအကြောင်းအရာတွေကိုလောင်လမ်းကိုပြောင်းလဲထားပြီးသံသယဖြစ်စရာမရှိပါ။
တစ်မိုဘိုင်းပရိသတ်အဘို့အဆောက်အအုံ
"မိုဘိုင်းဖော်ရွေဝက်ဘ်ဆိုက်များ" Creating နှစ်ပေါင်းများစွာက web ပညာရှင်များများအတွက်ဦးစားပေးခဲ့တာဖြစ်ပါတယ်။ တူသောအလေ့အကျင့် တုံ့ပြန်မှုကို web ဒီဇိုင်း အားလုံး device များအတွက်ကောင်းစွာအလုပ်လုပ်သောဆိုဒ်များဖန်တီးကူညီပေးဖို့ရည်ရွယ်ထားနှင့် website ကိုစွမ်းဆောင်မှုနှင့်အစာရှောင်ခြင်း download, ကြိမ်အပေါ်တစ်ဦးအာရုံမိုဘိုင်းသို့မဟုတ်မဟုတ်ရင်, ရှိသမျှအသုံးပြုသူများသည်ကျေးဇူးပြုတတ်၏။ မိုဘိုင်းဖော်ရွေက်ဘ်ဆိုက်များမှနောက်ထပ်ချဉ်းကပ် Accelerated မိုဘိုင်းစာမျက်နှာများအတိုကောက်ဖြစ်သော amp ကို web ဖွံ့ဖြိုးတိုးတက်မှု, အဖြစ်လူသိများသည်။
Google ကကျောထောက်နောက်ခံပြုသောဤစီမံကိန်းသည်, က်ဘ်ဆိုက်ကြေညာသူကမိုဘိုင်းကိရိယာများပေါ်တွင်ပိုမိုလျင်မြန်စွာ load ကြောင့်ဆိုဒ်များကိုဖန်တီးရန်ခွင့်ပြုဖို့ရည်ရွယ်ဖွင့်စံအဖြစ်ဖန်တီးခဲ့တာဖြစ်ပါတယ်။ သင်အများကြီးတုံ့ပြန်မှုကို web ဒီဇိုင်းတူသောအသံကြောင့်စဉ်းစားနေလျှင်, သင်မမှားပါပဲ။ နှစ်ခုသဘောတရားများကိုသူတို့နှစ်ဦးစလုံးသည်မိုဘိုင်းကိရိယာများပေါ်တွင်အသုံးပြုသူများအကြောင်းအရာပို့ဆောင်အပေါ်အာရုံစိုက်နေကြသည်ဟုအမည်ရကြောင်း, ဘုံထဲမှာအများကြီးမျှဝေပါ။ အဲဒီနှစျခုချဉ်းကပ်မှုများအကြားခြားနားချက်များနံပါတ်သို့သော်ရှိပါတယ်။
amp နှင့်တုံ့ပြန်မှုက်ဘ်ဒီဇိုင်းအကြား Key ကိုကွာခြားချက်များ
တုံ့ပြန်မှုကို web ဒီဇိုင်း၏အားသာချက်တစ်ခုမှာအမြဲက site တစ်ခုမှဖြည့်စွက်သောပြောင်းလွယ်ပြင်လွယ်ခဲ့တာဖြစ်ပါတယ်။ သငျသညျအလိုအလျှောက်တစ်ဦးဧည့်သည်၏မျက်နှာပြင်အရွယ်အစားတုံ့ပြန်တစ်ခုစာမျက်နှာကိုဖန်တီးနိုင်သည်။ ဒါဟာသင့်ရဲ့ page ကိုလက်လှမ်းမမီခြင်းနှင့်မိုဘိုင်းဖုန်းများအနေဖြင့် tablet များဖို့ထက်ကျော်လွန် Laptop, Desktop, နှင့် devices များနှင့်မျက်နှာပြင်အရွယ်အစား၏ကျယ်ပြန့မှကောင်းတစ်ဦးအတှေ့အကွုံအစေခံနိုင်စွမ်းကိုပေးသည်။ တုံ့ပြန်မှုက web design ကိုအာရုံစူးစိုက်တာဖြစ်ပါတယ် အားလုံး devices များနှင့်အသုံးပြုသူအတွေ့အကြုံများအပေါ် ရုံမိုဘိုင်း, မ။ အချို့နည်းလမ်းတွေထဲမှာအကောင်းနှင့်အခြားသူများအတွက်မကောင်းတဲ့နှစ်ဦးစလုံးဖြစ်ပါတယ်။
site တစ်ခုအတွက်ပြောင်းလွယ်ပြင်လွယ်သည်ကြီးပေမယ့်သင်အမှန်တကယ်မိုဘိုင်းအာရုံစိုက်ဖို့လိုလျှင်, ရှိသမျှဖန်သားပြင်ပေါ်မှာအလေးပေးကြောင်း site တစ်ခုဖန်တီးမယ့်အစားတစ်ခုတည်းကိုသာမိုဘိုင်းသူတွေကိုပေါ်၏, သက်သက်သာ optimized မိုဘိုင်းစွမ်းဆောင်မှုများအတွက်ပြောင်းလွယ်ပြင်လွယ်အရောင်းအဝယ်ဖြစ်နိုင်ပါသည်။ ဒါက amp နောက်ကွယ်ကသီအိုရီဖြစ်ပါတယ်။
အမည်ရမိုဘိုင်းမြန်နှုန်း - amp မြန်နှုန်းအပေါ်သက်သက်သာအာရုံစိုက်ဖြစ်ပါတယ်။ Malt Ubl, ဤစီမံကိန်းများအတွက် Google Tech မှခဲအဆိုအရ amp ရောက်စေဖို့ရည်ရွယ်ထားဤအမှုကိုပြုသောသောနညျးလမျးမြား၏အချို့တို့ပါဝင်သည် "ကို web အကြောင်းအရာလက်ငင်းတင်ဆက်မှု။ ":
- ပျင်းရိတင်
- preconnect အသုံးပြုခြင်း
- အရင်းအမြစ်များကိုကြိုယူခြင်းသည်
- Async Javascript ကို
- inline style ကိုစာရွက်များ
- အဘယ်သူမျှမဒေါင်းလုဒ်လုပ်လို့ဖောင့်
- အရင်းအမြစ်စားပေး
ဤရွေ့ကားရုံ amp စေကျောင်းအုပ်ကြီးအချို့တွေဟာ အလွန်လျင်မြန်စွာဝန် ။ အချိန်ကြာမြင့်စွာအချိန်ကို web ပညာရှင်များအောက်မှာစေကြောင်းကိုစာရင်းထဲတွင်အချို့ပစ္စည်းများ, သို့သော်လည်းရှိပါတယ်။ inline style ကိုစာရွက်များ ဥပမာ။ ကျွန်တော်တို့အတော်များများအားလုံးစတိုင်များပြင်ပစတိုင်စာရွက်များတွင်ပါရှိသောသင့်ကြောင်းနှစ်ပေါင်းပြောသည်ပါပြီ။ အလုံးစုံတို့သည်တခုတည်းသောပြင်ပစာရွက်ကနေ site ကိုစာမကျြနှာအများကြီး style နိုင်ဖြစ်ခြင်း CSS- ၏အားသာချက်တွေထဲကစာမျက်နှာများအစား inline စတိုင်များကိုသုံးပါလျှင် negated သောခိုလှုံရာဖြစ်တော်မူ၏။ အကယ်စင်စစ်သင်သည်ပြင်ပဖိုင်ကို download လုပ်ပါရန်လိုအပ်ကြောင်းတားဆီးပေမယ့်တစ်ခုတည်းက style sheet နဲ့တစ်ခုလုံးကို site ကိုစီမံခန့်ခွဲနိုင်ဖြစ်ခြင်း၏ကုန်ကျစရိတ်မှာ။ ဒါကြောင့်အရာချဉ်းကပ်မှုပိုမိုကောင်းမွန်ပါသနည်း အဖြစ်မှန်သူတို့နှစ်ဦးစလုံးဟာသူတို့ရဲ့အကြိုးခံစားခှငျ့မြားနှငျ့အားနည်းချက်များရှိသည်ဆိုသောအချက်ဖြစ်ပါသည်။ အဆိုပါ Web ကိုအဆက်မပြတ်ပြောင်းလဲနေပါတယ်နှင့်သင့် site ကိုသွားရောက်ကြည့်ရှုသောသူသည်ကွဲပြားခြားနားသောလူဦးကွဲပြားခြားနားသောလိုအပ်ချက်များကိုဖြည့်ရှိသည်။ ကွဲပြားခြားနားသောချဉ်းကပ်မှုကွဲပြားခြားနားသောအခြေအနေများတွင်သဘောမျိုးလုပ်ဘာဖြစ်လို့လဲဆိုတော့ဒါဟာအားလုံးကိစ္စများတွင်လျှောက်ထားလိမ့်မည်ဟုစည်းမျဉ်းစည်းကမ်းတွေကိုမြဲမြံစေရန်အလွန်ခက်ခဲပါတယ်။ သော့ကိုသင့်ရဲ့အထူးသဖြင့်အမှု၌အကောင်းဆုံးဖြစ်သောဆုံးဖြတ်ရန်တစ်ခုချင်းစီကိုချဉ်းကပ်၏အကျိုးကျေးဇူးများသို့မဟုတ်အားနည်းချက်များချိန်ဖို့ဖြစ်ပါတယ်။
amp နှင့် RWD အကြားနောက်ထပ် key ကိုခြားနားချက်တုံ့ပြန်မှုဒီဇိုင်းခဲတစ်ခုရှိပြီးသား site ကိုရန် "အပေါ်ကဆက်ပြောသည်" သောအချက်ဖြစ်ပါသည်။ RWD ကယ့်မြေပြင်-Up site တစ်ခု၏ဗိသုကာနှင့်အတွေ့အကြုံ rethinking သောကွောငျ့, ကယေဘုယျအားဖြင့် site ကိုခံရဖို့လိုအပ်ပါလိမ့်မယ် ဒီဇိုင်းနှင့် redeveloped သည့်တုံ့ပြန်မှုစတိုင်များထားရှိရန်။ amp သို့သော်တစ်ခုရှိပြီးသား site ကိုပေါ်သို့ထည့်သွင်းနိုင်ပါသည်။ တကယ်တော့သူကပင်ရှိပြီးသားတုံ့ပြန်မှု site ကိုပေါ်သို့ထည့်သွင်းနိုင်ပါသည်။
Javascript ကိုထည့်သွင်းစဉ်းစား
RWD နှင့်အတူဆိုဒ်များမတူဘဲ, amp က်ဘ်ဆိုက်များ Javascript နဲ့ကောင်းစွာမကစားကြဘူး။ ဒီအက်ဘ်ဆိုက်များပေါ်တွင်ယနေ့အလွန်လူကြိုက်များ 3 ကြိမ်မြောက်ပါတီ script များနှင့်စာကြည့်တိုက်တို့ပါဝင်သည်။ သူများသည်စာကြည့်တိုက်တစ်ဦး site ကိုမှမယုံကြည်နိုင်လောက်အောင်လုပ်ဆောင်နိုင်စွမ်းကို add နိုင်ပါတယ်, ဒါပေမဲ့သူတို့မှာလည်းစွမ်းဆောင်ရည် impact ။ ထိုကဲ့သို့သောကြောင့်ကောငျးစှာစာမျက်နှာမြန်နှုန်းအပေါ်အာရုံစူးစိုက်ကာချဉ်းကပ် Javascript ကိုဖိုင်တွေကင်းလွတ်လိမ့်မည်ဟုကျိုးကြောင်းဆင်ခြင်ဖို့ဆိုလိုတာပါ။ ဒါဟာမြင့်မားတဲ့ dynamic သူတွေကိုသို့မဟုတ်အကြောင်းရင်းတစ်ခုသို့မဟုတ်အခြားအဘို့တိကျတဲ့ Javascript ကိုအကျိုးသက်ရောက်မှုများလိုအပ်သောဆန့်ကျင်အဖြစ် amp မကြာခဏအကောင်းဆုံးငြိမ်ကွန်ရက်စာမျက်နှာတွေပေါ်မှာအသုံးပြုခဲ့သောဤအကြောင်းပြချက်အဘို့ဖြစ်၏။ ဥပမာအားဖြင့်, a "ကိုလိုက်ဘောက်စ" စတိုင်အတှေ့အကွုံအသုံးပြုတဲ့ website ကပြခန်း amp အဘို့ကြီးစွာသောကိုယ်စားလှယ်လောင်းဖြစ်မယ့်မပေးပါ။ မည်သည့်ဖန်စီလုပ်ဆောင်ချက်ကို amp နှင့်အတူကယ်လွှတ်ခြင်းငှါအလွန်ကြီးစွာသောစာမျက်နှာလိမ့်မယ်မလိုအပ်ပါဘူးရသောအခြားတစ်ဖက်တွင်, တစ်ဦးစံက်ဘ်ဆိုက်ဆောင်းပါးသို့မဟုတ်သတင်းထုတ်ပြန်ချက်။ အဲဒီစာမျက်နှာဆိုရှယ်မီဒီယာပေါ်တွင်သို့မဟုတ်မိုဘိုင်း Google ရှာဖွေရေးမှတဆင့် link ကိုမြင်ကြပြီစေခြင်းငှါအဘယ်သူသည်မိုဘိုင်းထုတ်ကုန်ကို အသုံးပြု. လူများကဘတ်စေဖွယ်ရှိသည်။ သူတို့ကကိုတောင်းဆိုသည့်အခါချက်ချင်းအကြောင်းအရာကိုမကယ်မလွှတ်နိုင်ဖြစ်ခြင်း, အစားမလိုအပ်သော Javascript ကိုများနှင့်အခြားအရင်းအမြစ်များကိုတင်ဆောင်နေစဉ်ဒေါင်းလုပ်အမြန်နှုန်းနှေးကွေး, ကြီးစွာသောဖောက်သည်အတွေ့အကြုံကိုစေသည်။
မှန်ကန်စွာရွေးချယ်ဖြေရှင်းချက်ရွေးချယ်ခြင်း
amp သို့မဟုတ် RWD - ဒါကြောင့်အရာ option ကိုသင်တို့အဘို့အညာဘက်ပါသလဲ ဒါဟာသင်တန်း၏, သင့်ရဲ့တိကျတဲ့လိုအပ်ချက်အပေါ်မူတည်ပေမယ့်သင်တဦးတည်းသို့မဟုတ်အခြားရွေးချယ်ဖို့မလိုအပ်ပါဘူး။ ကျနော်တို့စမတ် (နှင့်ပိုပြီးအောင်မြင်တဲ့) ရှိသည်ဖို့အွန်လိုင်းမဟာဗျူဟာချင်လျှင်ကြောင့်ကျွန်ုပ်တို့စွန့်ပစ်ခြင်းမှာအားလုံး tools တွေကိုထည့်သွင်းစဉ်းစားကြပြီးအတူတကွအလုပ်လုပ်ပါလိမ့်မယ်ဘယ်လိုသင်ယူဖို့လိုအပျကွောငျးကိုဆိုလိုသည်။ ဒီတစ်ခါလည်းဒီ Response သင့်ရဲ့ site ကိုပို့ဆိုလိုတယ်, ဒါပေမယ့်ကို select လုပ်ပါကဏ္ဍများသို့မဟုတ်စာမျက်နှာများပေါ်တွင် amp သုံးပြီးဖွံ့ဖြိုးတိုးတက်မှုကြောင်းစတိုင်ဆုံးသင့်လျော်ဖြစ်ရသော။ ဒါဟာအစကွဲပြားခြားနားသောချဉ်းကပ်မှု၏ရှုထောင့်တာအလွန်တိကျသောလိုအပ်ချက်များနှင့်သောအရာ site ရဲ့ဧည့်သည်များမှနှစ်ဦးစလုံးကမ္ဘာရဲ့အကောင်းဆုံးကယ်တင်တတ်၏တွေ့ဆုံရန်ကြောင်းစပ်ဖြေရှင်းနည်းများကိုဖန်တီးရန်သူတို့ကိုပေါင်းစပ်ပြီးဆိုလိုနိုင်ဘူး။