No products in cart
Back to overview

Why Accelerated Mobile Pages are a good idea Thu Feb 4 2016

Discover more about his new exciting open source project. Good bye clunky mobile pages!

Something is about to change in the mobile world. Google and Twitter are fed up with slow loading, full of ads, all over the place jumping pages. The reason for that? Bad user experience.

There is now a new project called Accelerated Mobile Pages found on ampproject.org. This project is dedicated to deliver certain pages of your website ultra-fast to the search engines. Google is probably the first one to adapt this new technology in their search results as they already have a working demo available.

It's not your whole website that's going to be using this technique, at the moment it's generally your news pages that are benefiting from this setup since there are multiple elements forbidden on a page.

You can't use JavaScript, you can't use forms. Those things alone are a total game-breaker for a regular website.

So what is it then exactly? It's a closed sandbox technique that allows the author to use a fixed set of elements to build their page. You are required to stick to those elements alone. In addition to that you are also limited in your styles: just one inline style tag with maximum 50kb of styles.

Google is basically saying "screw you" annoying websites with your annoying ads. You are abusing the Internet, we make sure you can’t do that anymore. And so this project was born.

We've just scratched the surface of this project as it is still in major development. New building blocks are being added as we speak. The project is so new it has hardly any following as of yet.Spread the word!

Hilco van der Meer
Hilco has been an entrepreneur and web developer since 2004. His focus is always you should be able to build whatever you want in a browser. He primarily focuses on the core principles of web development in the languages HTML, CSS, JavaScript, PHP and MySQL. You too can become a Web Development Master by taking our courses!

Feel free to leave a comment

Message in BBCode (Click On "Code Example" for extra options)
« Code Example
You are editing this content using BBCode. Below are your options.
Text Formatting
[b]{text}[/b] Bold
[i]{text}[/i] Italic
[u]{text}[/u] Underlined
[s]{text}[/s] Strike through
[size={nummer}]{text}[/size] Make {text} a certain size {number}
[title]{text}[/title] Create a big title
[subtitle]{text}[/subtitle] Create a smaller title
[color={kleur}]{text}[/color] Color the text with a name (red,blue, etc.) or color code (#527a32)
[center]{text}[/center] Center text
[align={left|center|right}]{text}[/align] Align text, choose from left, center, right
[url]{url}[/url]]
[url={url}]{text}[/url]
Create clickable url
Create clickable text
[mail]{email}[/mail]
[mail={email}]{text}[/mail]
Create clickable email address
Link text to email address
[bull /] Gives a bullet •
[copyright /] Gives ©
[registered /] Gives ®
[tm /] Gives ™
[quote]{text}[/quote]
[quote={naam}]{text}[/quote]
Create a quote are with an optional name/td>
[code]{text}[/code]
[php]{text}[/php]
[javascript]{text}[/javascript]
Place your code inside the corresponding tag
[list={style}] or [list]
[*] Item one
[*] Item two
[/list]
Create a list with items. {style} can be: none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-alpha, lower-latin, upper-alpha, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha
[tasks]
[*] Step one
[*] Step two
[/tasks]
Create a set of tasks that can be checked off on the page. Checked status will only remain visible as long as the page is not reloaded
[sub]{text}[/sub] Create subscript
[sup]{text}[/sup] Create superscript
[b][color=blue]{text}[/color][/b] You can combine tags: create blue and bold text
Media
[img]{url}[/img] Include external
[img={breedte}x{hoogte}]{url}[/img] Include image in certain format
[img width=XX height=XX title="{title} ...]{url}[/img] You can use the default attributes of an image tag (width,height,alt,align,title,etc)
[youtube]{id}[/youtube] Create a youtube video on the page. The ID can be found at the end of the YouTube URL.
[youtube controls=1;autoplay=1;notime=1;width=200;height=150]{id}[/youtube] Create a youtube video with {id} and extra options
Copy word: strawberry (spam prevention)