AMP (Accelerated Mobile Pages) – Ce este AMP? AMP (Accelerated Mobile Pages), se pare ca este o modalitate de a construi pagini web pentru continut static, care au ca scop o incarcare rapida in browser. Structura AMP este formata din trei parti diferite dupa cum urmeaza:
- AMP HTML
- AMP JS
- Google AMP Cache
AMP HTML, afiseaza continutul in format HTML, simplu, pentru o cat mai mare performanta si acesta este motivul pentru care majoritatea site-urilor de stiri il folosesc. O structura AMP, arata cam asa:
<!doctype html> <html ⚡> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%20amp-boilerplate%3Ebody%7B-webkit-animation%3A-amp-start%208s%20steps(1%2Cend)%200s%201%20normal%20both%3B-moz-animation%3A-amp-start%208s%20steps(1%2Cend)%200s%201%20normal%20both%3B-ms-animation%3A-amp-start%208s%20steps(1%2Cend)%200s%201%20normal%20both%3Banimation%3A-amp-start%208s%20steps(1%2Cend)%200s%201%20normal%20both%7D%40-webkit-keyframes%20-amp-start%7Bfrom%7Bvisibility%3Ahidden%7Dto%7Bvisibility%3Avisible%7D%7D%40-moz-keyframes%20-amp-start%7Bfrom%7Bvisibility%3Ahidden%7Dto%7Bvisibility%3Avisible%7D%7D%40-ms-keyframes%20-amp-start%7Bfrom%7Bvisibility%3Ahidden%7Dto%7Bvisibility%3Avisible%7D%7D%40-o-keyframes%20-amp-start%7Bfrom%7Bvisibility%3Ahidden%7Dto%7Bvisibility%3Avisible%7D%7D%40keyframes%20-amp-start%7Bfrom%7Bvisibility%3Ahidden%7Dto%7Bvisibility%3Avisible%7D%7D%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<style>" title="<style>" /> <noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%20amp-boilerplate%3Ebody%7B-webkit-animation%3Anone%3B-moz-animation%3Anone%3B-ms-animation%3Anone%3Banimation%3Anone%7D%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<style>" title="<style>" /> </noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20async%20src%3D%22https%3A%2F%2Fcdn.ampproject.org%2Fv0.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> </head> <body>Hello World!</body> </html>
Rezultatele AMP, se pot vedea in UK, USA, Brazilia, Germania, Franta, Spania, Indonezia, India, Mexic, Japonia, Rusia si in curand se va aplica si pe Romania. Eu il folosesc pe site-urile din UK si cu siguranta am instalat si pe cateva din Romania, pentru ca va fi vizibil si aici cat de curand.
Am gasit in Internet, dupa multe cautari un plugin care intr-adevar isi face treaba insa, au trebuit ceva modificari. Atasez acest plugin pentru persoanele care doresc sa testeze si sa se familiarizeze cu AMP (Accelerated Mobile Pages).
Descarcati: AMP (Accelerated Mobile Pages)
Multumesc pentru plugin!