The Be Nice AMP Project
Building static HTML that is fast for the end user doesn't need to be hard. Just follow these simple instructions and I promise you that your site will be really fast.
And make sure to inline the CSS inside of head if you use HTTP/1.1.
Want to see the Be Nice project in action? Read the blog post! Do you want to know what is faster: The Be Nice project or the AMP Project? Checkout the results testing using 2GFast emulated mobile. Without cache and cached. The last one is a little missleading though since the main page is cached for the Be Nice project. You can also checkout Andy Davies blog post about the speed of the AMP project.
How does the Be Nice AMP Project work on HTTP/1.1?
You need to build your HTML following this pattern.
If you have lots and lots of CSS and you feel that inlining it will be kind of bad, have a look at loadCSS project by the Filament Group.
How does the Be Nice AMP Project work on HTTP/2?
Are you lucky and already have upgraded to HTTP/2 and your server has the possibility to do a server push? Then make sure you push your CSS file and you don't even have to inline it in your HTML!
- Question: Hmm, what? You don't even have to define the HTML with the ⚡ character, could this really be fast?
Yes it is! Try it out and you will see.
- Question: The Be Nice AMP Project doesn't come with a CDN, why?
The cool thing with the Be Nice AMP Project is that it is compatible with your current CDN! You can just continue to use it and your pages will be super fast.
- Question: Joining the AMP Project will make my pages rank higher in Google. Can you promise the same with the Be Nice AMP Project?
- Question: The AMP Project has some new cool tags like amp-img instead of using the old classic img tag. Is this something I can use in the Be Nice project?
- Question: How do you measure the performance of the Be Nice project, do you support RUM?
It's kind of cool, you can use whatever RUM software you want and you can fetch data yourself from the Navigation Timing API, the User Timing and the Resource Timing.
Be Nice AMP Project vs AMP HTML
You probably heard of the Google project AMP Project that is kind of the same thing as the Be Nice AMP Project except for a couple of things:
The AMP project have "A new approach to web performance" making your website dependent on Google. The Be Nice AMP Project follow the old approach: Make your site fast following best practice guidelines and be independent of Google.
With the Be Nice AMP Project you don't have to define your HTML tag with the ⚡ character like
<html ⚡>. It will still be fast!
Who makes the Be Nice AMP Project?
Please see the CONTRIBUTING file for information on contributing to the Be Nice AMP Project.