Why you might want to use Amp

Currently working on a blogger template that is completely stripped down to bare bones to setup a AMP site. This just a list of reasons why you start using AMP at least for maybe for blogs which I'm more interested. I wouldn't recommend for business sites just yet. Unless you're site is very simple and straight forward or mostly middler-tier based anyway.

Pro's

  • Everything in a AMP site is styled directly in the beginning of the site, no external stylesheets (a huge performance boost).
  • Global styling forces developer to think globally about their styles. So the styles run more like a style guide.
  • Styles are limited about the total amount for AMP making developers to do more with less.
  • No inline-styles this is a plus because there is no surprises for other developers jumping in or modifying (look at cons).
  • No inline javascript, where this is the same for inline styling.
  • No external javascript, this is really something you will want to know before getting into AMP and you should take a look at the components available in AMP before consider using it.
  • Possibility of better indexing and page ranking!

A lot of the pro's are decisions based on a global performance concept and I kinda like that about AMP but times it works against itself such as having no external javascript for a rich user experience. Which is one of the problems I have with AMP since it limits what you can do with a web application on the front-end. This can kinda be a good thing for a blog, I think as a web developer I try to make my blog too much like other sites when its the content that's important. This limitation can be really helpful for sites looking to be indexed by google better. I think for a lot of the components available most are what you would find on any given site, the only things I would like to see are easily create in a iframe which AMP doesn't have a problem with. I probably should iframes as a pro but I think iframes are a neutral alternative solution so I'll leave it just a comment.

Con's

  • You can't use popular javascript frameworks! My major concern here is that I can't create some UI component if they are not included in AMP.
  • Amp's forced css, there are some css styles that AMP looks for and are required in your application.
  • Components are limited to what the AMP team creates, like my first point this could be a major problem.
  • Forced CDN, you must use their cdn. So you can use a local version of the files.
  • No inline-styling, which is faster and I know some might say too trivial compare but those same people probably said minifying css was too trivial as well. So I don't really care about this one just that I find it odd that the framework prevents it.

Conclusion

That's it for the most part and I'll add more if I run into them but for now I'm pretty happy with the AMP framework and if it delivers on the promise of better indexing or ranking I'm in. One thing I do want to say is the components are very easy to setup, if someone were to create a cms based around the components it would be a cold cut and dry system. The components work off a concept I like to call custom data scripting or custom data configurating. Its where dom elements are used to setup the javascript more so than the javascript setting up the dom. I'll write more on this topic in the future and talk about other styles of javascript.

Popular posts from this blog

UI-Bootstrap Collapsible Sticky Footer

    I could have done this a lot of ways and ultimately I made it work with javascript modifying the class names. I also had to create multiple class names which I didn't like to much, I might come back and improve this but for now this is was I got. Also I call bootstrap+angularjs = ui-bootstrap, not sure if that's common sense but thought I should include it somewhere in my notes. Working Example: http://plnkr.co/edit/2N9ENlbw3bSvg1W9n0ch?p=preview This little css was key to prevent any kind of animation on the collapse, which would result in a scrollbar appearing on the body. A scrollbar can appear when the content's too long but not on the sticky foot duh! .no-animate { transition-duration: 0.0125s; } Research Angular-UI Bootstrap Collapse without animation - Stack Overflow http://jsfiddle.net/paulalexandru/Z2Lu5/  - Was looking at this to see if I could reuse it but I ended but just doing my own thing. Another way which I've seen Using a sticky
Read more

Installing Windows on Acer chromebook 15 cb3-532

Much of my notes are just small problems I faced (what's new!) haha. Either way this was a really fun project to do for a friend and I got excited once I research all the information. You can find instruction videos but what helped me the most was the coolstar website. Sadly they don't have parameters in the url so I can link the machine I used in this article. -  https://coolstar.org/chromebook/windows-install.html Scared of messing with the bios? Don't be!    So you need to first remove the screw to put a legacy bios on the machine. Its easy to backup the chrome os one and with the same steps to change it. You can go back in and revert to the chrome version bios. Its that last part that had me worried and its very easy to do.  Problems getting into Developer Mode?   Follow the instructions to the letter, during the step to disable the OS verification, press Ctrl-D to boot into os. If you hear two beeps I would go back to set one. I got in a loop where it s
Read more

Aspetcore: NLog with Postgresql

This Article is base ASP.Net Core 2 and the latest version of Nlog. 1. Install NLog and the Postgresql Package Using NuGet to install the package into your ASP.NET Core project: PM > Install-Package NLog.Web.AspNetCore PM > Install-Package Npgsql 3. Register NLog Add in your Startup.cs  public void Configure ( IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory ) { ... env.ConfigureNLog( "nlog.config" ); ... // make sure Chinese chars don't fk up Encoding.RegisterProvider(CodePagesEncodingProvider.Instance); //add NLog to ASP.NET Core loggerFactory.AddNLog(); //add NLog.Web app.AddNLogWeb(); } 4. Add to Your Controller Add a logger object to your Controller. private readonly ILogger<YourController> _logger; Modify the constructor to use it public YourController ( ILogger<YourController> logger = null ) { if ( null != logger) { _logger = logger;
Read more