Sobes.tech
Кӯмаки мусоҳиба
Захираҳо
Тайёрии мусоҳиба
Захираҳо
Ҷустуҷӯи кор
Захираҳо
Ҳуқуқӣ
Бозгашт ба саволҳо
Middle

Саҳифаҳои AMP чӣҳоянд?

sobes.tech AI

Ҷавоб аз AI

AMP (Accelerated Mobile Pages) як рамки HTML бо кушодашти аз Open Source мебошад, ки Google барои эҷоди саҳифаҳои веби тез ва ҷавобгӯ, ки хуб дар дастгоҳҳои мобилӣ намоиш дода мешаванд, таҳия кардааст.

Принсипҳои асосии AMP:

  • Ҳаммоми HTML маҳдуд: Истифодаи як қисми HTML, ки суръатбахшии таҳлил ва рендерингро таъмин мекунад.
  • Боркунии асинхронӣ: Скриптҳо, тасвирҳо ва дигар манбаъҳо асинхрон бор карда мешаванд, ки ба рендеринг мундариҷаи асосӣ монеа намебошанд.
  • Приоритети мундариҷа: Ба боркунӣ ва тезтар намоиш додани мундариҷаи диданӣ равона шудааст.
  • Андозаи статикӣ: Бисёре аз унсурҳо андозаи пешфарз доранд, ки ба кам кардани "ҷунҷолакҳо" дар боркунӣ кӯмак мекунад.
  • Истифодаи AMP Cache: Тарафҳои сеюм (масалан, Google) метавонанд саҳифаҳои AMP-ро кешу кунанд ва аз кеши худ пешниҳод кунанд, ки ба боркунии фаврӣ кӯмак мекунад.

Компонентҳои асосии AMP:

  • AMP HTML: Ҳаммоми маҳдуди HTML бо иловаҳои махсуси AMP.
  • AMP JS: Китобхонаи JavaScript барои идоракунии боркунии манбаъҳо ва интерактивӣ.
  • AMP Cache: Шабакаи прокси барои кешу ва расонидани саҳифаҳои AMP.

Маслиҳати истифодаи AMP:

<!doctype html>
<html amp lang="tg">
  <head>
    <meta charset="utf-8">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <title>Маслиҳати AMP</title>
    <link rel="canonical" href="https://example.com/саҳифаи-оддӣ.html">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <style amp-custom>
      /* Шеваи CSS-и шумо */
    </style>
  </head>
  <body>
    <h1>Салом, AMP!</h1>
    <p>Ин саҳифаи зуд аст.</p>
    <amp-img src="/images/kitten.jpg" alt="Пасхалик" width="100" height="100" layout="responsive"></amp-img>
  </body>
</html>

Афзалиятҳои AMP:

  • Тезии боркунӣ: Саҳифаҳо хеле зуд бор мешаванд, махсусан дар дастгоҳҳои мобилӣ.
  • SEO беҳтаршуда: Google ба саҳифаҳои AMP дар натиҷаҳои ҷустуҷӯии мобилӣ афзалият медиҳад.
  • Таҳрифи корбар: Боркунии зуд ва ҳаракати ҳамвор.

Норасоиҳои AMP:

  • Маҳдудиятҳо дар тарҳрезӣ ва функсионалӣ: Ҳамаи теги HTML ва функсияҳои JavaScript дастрас нестанд.
  • Суръатнокии татбиқ: Талаб мекунад, ки мазмуни алоҳида таҳия ё мутобиқ карда шавад.
  • Тав Dependence on Google (ба баъзе миқдор): AMP Cache дар идораи Google аст.

AMP дар маҷмӯъ барои мақолаҳои хабарӣ, блогҳо ва дигар мазмунҳо, ки суръати боркунӣ дар мобилӣ муҳим аст, васеъ истифода мешавад.

ГузаштаОянда