Accelerated Mobile Pages (Google AMP) Explained
ฝัง
- เผยแพร่เมื่อ 24 ส.ค. 2024
- The first 200 people who head to brilliant.org/... will get 20% off their annual premium subscription of Brilliant.
That little lightning bolt icon you see while you're scrolling through Google results on your phone indicates an "AMP" page that will load faster - but what exactly is AMP?
Techquickie Merch Store: www.designbyhu...
Techquickie Movie Poster: shop.crowdmade...
Follow: / linustech
Leave a reply with your requests for future episodes, or tweet them here: / jmart604
Join the community: linustechtips.com
Intro Theme: Showdown by F.O.O.L from Monstercat - Best of 2016
Video Link: • Monstercat - Best of 2...
iTunes Download Link: itunes.apple.c...
Listen on Spotify: open.spotify.c...
The worst offender when it comes to slowing down web pages is the offsite link. Not just ads, but links (often thousands) to "metrics" websites that are stealing your CPU cycles to spy on you. It was supposed to be a felony to do that.
@Justin Martone bruh just because they dont attach you name to it doesnt make it anonymous, all these sites sell their data to the same companies and it just takes one or two of them with your name /ip/address attached to piece together that it's you
Yes, but they use this to sell space. They don't say "Hey, want this guys data?", they say "Hey, who do you wanna target? Select from this list and we will serve ads to those users of your product"
Linus looks different today
Must be the loathing-time.
Many web developers have unanimously agreed that AMP is a bad for the web, and I’m inclined to agree. It forces a web developer to create two versions of a websites, fragmenting the whole project.
Not only that, it restricts the visual appeal of the site which can easily be made mobile friendly using standard responsive code which would need to be done for various devices anyway. And with Google offering priority search to those that adopt AMP it allows Google a even greater monopoly on the free access of the internet.
Exactly! And what is the point even? If someone really wants their website to run and load fast, they should invest in crafting better code and stop being lazy. All it does for me is limit my control.
I also use a feature built into Safari on my iPhone. It is called reader view. When I don't want to see all the crap I hit that button and it gets rid of all the crap including ads.
All modern browsers have this feature
Unanimously doesn't really fit there.
Its good that he gets some screen time. But he seriously needs to work on his enunciations.
Did you mean pronounciation?
I agree, I want to see more Linus.
No one is correcting anyone, no need to be salty
Shut up, bland food.
Exactly what I was telling myself. He's got a good voice, explain well but there's a little something annoying me with the way he does the "enunciations". I don't know if it's like having too much saliva or taking too long pauses at the end of a sentence, anyhow I see "hear" what you mean but I'm sure he can improve on that.
AMP sucks. It's proprietary and incentivizes making your site for Google rather than just coding a decent mobile-friendly website in the first place.
ewww, mobile sites
Super1di0t
There is nothing wrong with mobile websites. The problem is trying to cram 20 different ads in between the content. "Mobile website" is what you should design first -- and then progressively change the layout as the screen gets bigger.
I use my phone as a tablet
but who doesn't use google.....
You're totally misguided and for sure hasn't used it.
As a web developer I can say this is just the tip of the iceberg on why a page might be slow. Poorly written css is the last part that can cause the page to slow down.
Sure css can make animations and other stuff feel slow if its not written correctly but it can't make the page slow unless you have 20k+ css lines in there which will end up in a "render block scenario"
A website can be slow for a number of reasons ( some that come quick in my mind):
1: First byte response from the server is slow (usually from bad server config, low end server, or poorly written server side language scripts, usually involving Database access can hurt the perfomance of the First byte).
2. The load of many files on a website. That consists of css files, javascript files and images.
3. Non Cached content. Usually pages that have no cache technology that are calling multiple files to serve a page can be up to 50% or more to load than the ones that serve cached content.
4. Javascript that adds content to the page when it loads. (Do not mistake this for AFTER it loads the DOM. Im saying calling stuff WHEN IT LOADS).
In that case will AMP accelerate site loading and in site performance? Just wondering....
Let me add some of that sweet blur there and see how your site crawls to a stop :)
Heh, I "accelerate" my pages, mobile or not, by removing ads and tracking scripts, starting from Google ones. Never fails !
Great video as always, but someone please get him a drink.
As a frontend dev, I'm shooting this unicorn down right now. Under the hood, it fcks with element drawing on your screen, simple css 3d transforms where showing black pulsating boxes on iOS phones. One can try various workarounds in hopes of fixing it, but this is just another ring of fire we have to jump through. I say no.
Its a shame that the negative side of AMP wasn't mentioned.
AMP enables Google to track your activity on those pages.
Google forces you to go to AMP versions of the page. You can not turn it off in settings. There is not even an option to reload the original , non AMP page.
This is just another step of Google to establish monopoly over the internet.
❤️ from Budapest. The postal service is waiting for unix timestamps to rollover before delivering a package.
#bojlercountry
When the package ships from china in 2 weeks and take 3 more to deliver it from the capital to 150 km :D
so relatable ᕙ(⇀‸↼‶)ᕗ
You really need to address the serous downsides to using this, including privacy and how much power Google is given over the Internet.
I don't see why people hate AMP.
1. It's faster.
2. It has better ads that don't take you to another pages and annoy you.
3. It looks better and more systematic than normal webpages.
4. It saves data.
Google's the new Microsoft.
1. Talks about spotty connections when web browsing
2. Shows a screenshot for demonstration that shows a perfectly acceptable speed for any non-video-streaming web browsing session.
Back when Techquickie doesn't have clickbaity and misleading title. God fucking damnit I miss these days. I want Jon back
Some minor things that Jon missed is the limit on CSS size and how it actually loads the webpage in the background before you even click the page (assuming you're coming from a Google search). Companies like eBay were experimenting with AMP for mobile users and found that it improved the mobile experience but this was two years ago when it was first released and I was working on AMP pages for a corporation. I personally really like working with AMP but it isn't really for everyone.
Another culprit for slow webpage loading is loading large JS libraries. Also, another motivation for the development of AMP is to prevent content from shifting due to content taking a long time to load and is above your viewport.
People who used to download and play games on their Java phones pre-android/iOS era, UNITE
Kakashi Hatake Why?
potato potato potato potato potato potato potato nah. I downloaded and played tons of games for free.. Games were about
Kakashi Hatake Nokia 3510i straight ballers here, nothing but straight ballers
Kakashi Hatake Omg yes I downloaded Opera on Motorola v3 and Nokia 6120c 😂😂😂
Ya
there is something wrong with Linus in this video...
ares lol
You guys make me so happy. There is a short 3 min quickie on any tech question I have. I come to YT for tech questions before Google searches.
I wonder how many viewers of this video are actually here to learn something about AMP and not simply pontificate on why they hate it or make fun of the speaker. Wow, people. Grow up.
I absolutely love AMP, progressive apps, and all that stuff. It just works and it is quick
2:55
TQ: *Budapest is part of a joke*
Me: WOO! *throws hands in the air* :D
I dont know man, I love amp. To those who hate amp for not having a way to disable it, click the 3dots on top right corner and amp will redirect you to the original site. When amp first came out a lot of site is broken but now it works like a charm. Even if its broke, you can bypass it with the method mentioned above
Where can I buy uncle Linus's Syrup?
I just want my cell service to function!
It seems amp returns pages saying I'm off-line or don't have a connection!
Same thing a couple ways, I just need to know how to recover, or reset my server across all devices some help please???
I hate how AMP loads ads, because by the time they've loaded in I'm already a few lines deep into the article which means I just end up losing my place because the whole page page moves.
i work as a webdeveloper and builded some amp pages so far. But google is like always doing random stuff and not all sites get indexed and viewed as amp-versions in the google search view. So its always the same. You do all the best to make your site as google friendly as possible but they still aren't happy. But the good thing about this, it keeps me bussy and saves my job ^^
still cant get over the fact that on mobile youtube shows you a HD 1080p ad, than says you cant watch the video in 1080p over a mobile network (didnt happen for this video)
This channel and Linus Tech Tips are the modern day Tech TV.
The classic Tq pun...
*ISN'T THIS THE GUY FROM LINUS TECH TIPS???*
Well, you aren't...
*TECH* nically wrong-- i'm sorry.
LOLL'I579 i
LOLL'I579 7
I don't see a pun
Un1234l then you're new here.
I hate AMP
I love AMP
addons.mozilla.org/en-US/firefox/addon/amp2html/
ITT: People who know nothing about web development make baseless claims that AMP is bad.
Thanks, Google! Ruin all my accessibility! Could not zoom in for MONTHS, which is GREAT for a blind guy.
About time more content is uploaded. Good job LMG team
Both advantages and disadvantages (as everything in life). We know that Google likes AMP and show as much as possible in the SERP, without opening a website. I think AMP is good for the fast load, but it's not the only way to increase the performances of a webpage. To sum up, I don't recommend AMP, also because of possible issues (a lack of compatibility with ads...).
By far one of the best videos on this topic. Thanks.
0:25 that's better then my internet is going to be from the next couple of months before I finally get better Internet.
Missed an opportunity to discuss the AMP controversy.
Opera did this and everyone complains that routing it through another server controled by a company was a security and privacy threat, even before the Chinese bought into it. Google does it and almost no one says anything. Worse yet is Opera set up its servers not to log or profile and I bet my bottom dollar that Alphabet does.
Opera has a worldwide network of code optimized cached pages?
Opera Turbo is an optional feature on the desktop browser. On Opera Mini (android) it's enabled by default. I don't know if you can turn the setting off globally.
AMP is literally the worst thing ever to happen to browsing. Atleast give us an option to opt out of it, I don't want websites to have no functionality at all except for reading!
1:19-"Wepage Title"
And I used to think "CDN" used in website URLs stood for Canadian.. I was so excited to see locally-served Facebook pages!
Remember the days of WAP? Back in the day, when I browsed the web on my trusty old Samsung flip phone, Google would also convert all the pages into WAP, which was quite handy, given those phones' extremely limited browsing capabilities.
AMP was the reason I dropped Google as my search on my phone a while back. On iOS, it broke the back and forward swipe gestures and was super annoying. Good to see it's improved
Amp pages are annoying at times honestly. I find that it often means loading the amp page then loading the full page after discovering that the amp page doesn’t work properly or when I want to send someone a link to the article without a large/weird amp url
Yeah, a guy from google explained at our school (germam IT school) all that last year.
Google also has a service that people can use to check how optimized their own websites are for mobile if they don't wanna use AMP
Jon is getting really good in presentation.
Congrats for 2 million subscribers
Accelerated Mobile Pages?
More like *AMPUTATED* Mobile Pages.
#LookMomIMadeAJoke
If it strips the irrelevant autoplaying videos that sit at the top of the page but jump down to the corner if you scroll past, it's probably worth it.
You should check your audio setup, there's a distinct background hum on this video.
Google, supporter of the "open web"....with their own proprietary ways
Would be awesome if you could do a video about the difference between the many different ARM processors. Equinos or Kirin and is a snapdragon 636 better then a 660?
that would be interesting. But if it's huawi that get's even as much as a mention - forget it. They are horrible with storage management and after android 6.0.1 they have effectively DISABLED the sd-card slot for other things than taking pictures - This is planned obsolescence because you will have constant interruptions very soon about "low space" - like when writing an sms, checking your email, basically, it will interfere with EVERYTHING you do!
And I should also mention that Android os is 25GB and with each update they hoard more of the little space there is left on the Huawei device
My brain is now even more complete
Instant gratification - yep, I understand what he means, after working in Computer network support for 1 year.
Too often I get complains from companies and have to waste hours to investigate 5-7 ms increase in latency -from 40 to 47 ms.
I hate that it's a chore to share the original link to social media. I end up loading both the amp and original site anyways, so there's no data saved.
So that's what the lightning bolts mean? I've been avoiding them because I thought they were some type of sponsored pages Google was promoting.
Having a third party that you are not in control of host your content for me is quite a no no. I get why they are pushing it but i honestly hope that they push it into the ground.
self-hosted bois unite
Keep in mind that this is for news sites or your news sites. IE places that for the most part already rely on external hosting.
TLDW:
(if i'm correct, AMPs are)
Mobile webpages served on a CDN by Google or Cloudflare, that is faster and less clunky for mobile users.
not a fan of tea and honey, however, i tried it for the first time in about a decade, and i like it...
as for the video, i truly didn't know about this and was glad to watch, thanks for sharing
somehow i knew that they were gonna have the world is amped or some amp pun in the video was coming
Funny that all those problems were the inspiration for AMP because golly do AMP pages have those problems in spades.
It's a shame that these kinds of videos never link the thing they are talking about in the video description. Why wouldn't you link to the ampproject site for users who want to get more info?
2.4 mb/s is still incredibly fast what do you mean
My mobile device lagged while watching this in the browser
I watch all these videos in 2x
Prakhar Sharma if you set the speed to 0.5x he sounds drunk and tired lol.
1.5 is a good balance. 2x is hard to underatand for no native english
I don't think this will ever become mainstream....
I hate AMP because it just breaks so many websites. It useful only on websites that have a huge amount of ads but it just seems to break every website. Not to mention it sometimes loads pages not supported by AMP like forms and login paging in AMP version.
I was super curious of seeing how this worked.. thanks
This guy is trying really hard, I give him credit and a 2nd video.
Oh now i know why i see google above my page when im not on a google page...
Bane of any webpage is autoplay videos, and there are some that have two at the same time playing.....horrible design
AMP has so many issues (at least on iOS). You can’t even open things in a new tab. And most amp pages have an unwieldy URL because they’re all prefixed by google.com/amp......
"complicated HTML elements"... shows a picture of a bunch of meta tags ;)
All these good videos. But I’d like one on why mobile carriers limit your usage of data
Pornhub as AMP page? Humanity I belive in you.
I see Linus.
I learn.
I shop what they advertise.
And now, my mom has banned my credit card.
Thank you Linus! 🌚
bad joke, bad joke, aaaa
on a serious note, nice video
Are you Wesley Crusher's great, great, great, great.... grandfather?
I think having mobile versions of sites is a really good thing overall, but the problem I have is when there is no way to load the non-mobile version of the same page on your phone. I have had multiple times when what I needed was stripped out of the mobile version, and eventually I had to give up and go to my computer to access it.
As with so many tech related things nowdays, GIVE US AN OPTION!
You should do Canada’s alert ready system as fast as possible
We hardly have Amazon here in Budapest
If I'm not mistaken Baidu has been doing this for years
thank u tech wookie
Neat video, always wondered about it.
@techquickie you should do a video explaining the "Show kernal times" option and more, available in windows 10 task manager.
Next video topic: .webp files explained
It's a picture. You're welcome!
AyJ3y *enlightened* 🙄
And VS .svg
.svg is scalable vector graphics, consider it a 2d version of a 3d model. when you take a 2d image and scale it larger it becomes pixelated, when you take a 3d model or a 2d svg and scale it larger all you do is increase the distance between vertices
webp is just a container - it may contain a picture or a video.
Is netcut safe???? You should make a netcut explained video
And now, when goverment gave us those Telegram semi-block, with Google broken, AMP turned to be a horrible slowdown, that turns web-pages into empty white pages which you have to refresh 5-10 times in a row to get it loaded.
So, there is a question. How can I turn AMP off, to browse with my smartphone as i did before? XD
You've gotta fix the background noise, there's a fan or something IN THE BACKGROUND...
I would like to buy some Uncle Linus' Syrup please.
amp is blocked in my country for some reason :/ i have to switch to the normal page every time i open up an amp page
Amp is annoying because when you share the link it always has a Google URL first so you get this weird redirect notice when sharing a direct link. I really wish they would fix that.
Who decides the rules for Amp ? Like how much ads is too much ?
The data kraken does.
Lol, complaining about the network speed test at 0:24 when I will be happy to see that sometimes. It's better than nothing tho.
Yaay for reference of Hungary :D Unless you meant the Budapest in the US.
I always wondered what that amp and it's symbol was for!
Same day delivery from Budapest... :D Not even available inside Budapest. :S
Why does a Canadian company have a dude from Kentucky making videos for them?