shopify page speed
Published on: February 3 2023 by pipiads
Table of Contents About shopify page speed
- How to Increase Your Shopify Speed Score (Shopify Speed Optimization) - Dropshipping 2021
- Shopify Shop Speed optimieren - Teil 1: Apps
- How to Speed up your Shopify Website | Simple Guide
- How To Optimize Your Shopify Speed
- How to Speed Up a Shopify Website for FREE (2023)
- How to Increase Your Shopify Speed Score (Shopify Speed Optimization) - Shopify Development 2022
How to Increase Your Shopify Speed Score (Shopify Speed Optimization) - Dropshipping 2021
hey guys, dylan, here the ecom lion, and today we are going over that thing. you already know what it is: that nasty online store speed. you may look at your score and go: how do i have 16? you may have jumped on facebook even and seen people going: it's not real, shopify just wants more money off you spoil it. it is real. everything about it is real. it's actually a google product. it's not shopify. shopify don't want more money off you this way. but today, in today's video, we're going to teach you how to understand what the speed score actually is. we're going to assess the damage and then fix it. everything is free. there's no paid apps. so let's go. how do we understand what the speed score actually is? so the first thing you want to do is click online store. then, under the old theme box, you're going to scroll down and click view report. you're then going to click see how your score is calculated. this is going to pull three different metrics. so you have your home page, your product page- or your most popular product page, i should say- and your most popular collection page. google is then testing those three different pages by giving them a score of them, pulling the average of those three numbers and giving your store a total score, which happens to, in this case, be 16.. now, um, if you're like me and you're a drop shipper and you have a one product store, the most important metric is actually your product page. if that's the page that all your advertising is targeting to, it actually doesn't really matter what your home page score is. it really doesn't matter what your collection page score is. it's your product page which is the most important. so you want to click view insights and it's going to pull up a report from here. there's one thing you have to check, and that is to make sure that it's actually pulling the product which you are testing and advertising right now. so you need to make sure that that is the page which is being analyzed. so the way you do that is you just grab that url, you chuck it into this box, you click analyze. it's going to pull the report. so once you have the correct page up here, you'll get a total score. now you want to run it about three times and get a rough idea of what the score actually is. the reason why you do that is because any sort of page speed software, anything that analyzes pages and websites in terms of speed and optimization. they all are actually done from servers. there's not someone sitting there going, oh, user3269 wants me to look up my website, and they type it in and they you know it's not. it's not. it's not what's happening. we all know that. right, so it's a. it's a server which is actually pulling your speed. it's testing your site, and the problem with servers are servers aren't real users. so, of course, servers can have issues in different scenarios. servers can have errors, they can be overloaded. there could be heaps of people trying to test their websites right now. this is why i say: analyze it three times. the next thing you want to do is pull up gtmetrixcom. the links for this are down below. all you have to do is, once you open it up, checking your your url. click test your site. it's going to pull up a report like this and you may look at this and you may go: ah, i've got a score of 91 and a. why so? score of of c? that's pretty good. why? why does google see on my website so slow? it's lying. everything looks good here. yeah, not really. what you actually want to look at is this here. it's your fully loaded time and this is telling you roughly: hey, it's taking 11 seconds to load this partikular page. that's, that's not good. 11 seconds is a long time. i would sit here with you for 11 seconds right now to show you how long it is, but so that was just six seconds and that was already awkward. so imagine 11.. people are going to ditch that page before they even let it load. okay, so what you want to do here is retest. click it again, same as before. you're going to test it three times to get a rough idea of how long your website actually takes to load. so i've gone and ran three different tests. i've ran them on google. i've pulled my mobile scores, which were 20, 16 and 15, for an average of about 17, and i've ran my gt metrics and i've gone. okay, it's taken 10.9 seconds, 11.7. the third one was 6.7, which just shows how much servers change um for an average of about 8.5 seconds. so from here we're going. hey, it takes about 8.5 seconds to load and the average score of my product page is 17.. we're going to increase both of those today. the green zone, the sweet spot, is anywhere around six seconds for gt matrix. if you can get your three scores around six seconds. you're sweet, you've optimized that. things are looking good. there's probably not too much more you can do. um, and then our scores: we're going to try and increase it. increase it to anywhere. anything over 30 is good. we are not going to get near 100, it's just not possible. but anywhere over 30 you will instantly see google and shopify will say: hey, your speed is actually similar to other websites, which is what you want. now that brings us to our last point and that is: how do we fix the damage? how do i do it? dylan, great question. so i've come up with six different steps which are going to help us increase your scores today, and we're going to do it completely for free. so the first one is to be very wary of speed optimization apps. if you go on the app store and you type and fix my site, speed up my site, you install an app, your scores don't change. the reason for that and it is actually written in the fine print of all of the apps, and that is but how these optimization apps work are through second click. so what that means is, when you go on a website and you hover over retest, what the app is doing is. it's starting to pre-load that second page, antikipating for you to click on this link. but that doesn't help us, because 90 of our users are going on our website for one page. they're there to see your product and they're probably going to bounce and never leave they. if they go to the cart, that's fine. the cart page loads quickly anyway. there's not much data on there. so what the app actually does is it actually slows down your site further, because then you're putting more javascript into your website and it's just creating worse speeds for everyone and, as well, worst scorers for you. so be very wary of them. don't stress you don't need it. it doesn't really help that much. which brings us to our next point, and that is to ditch the apps. you have to be very brutal on yourself here. go on to your app page, have a look. see what's there. now. this website here that i'm using as a demonstration. it currently uses debutify, which i'm not promoting in any way. i actually don't. i'm not a huge fan of it personally, but, um, this was a test store that i was doing to test out debutify and i've already combed through most of what's here. but you look at your apps and you go. what do i actually need? what's actually helping convert? are the pop-ups which are popping up and saying: dylan from wisconsin or new zealand bought this product. is that actually helping your conversion rate or is it actually looking a bit scammy? is the countdown timer or the shaking add to cart button? is that making my site look better or is it making it look more scammy? you have to weigh up things and go: what is actually helping my website and what is helping them convert, because that is the goal at the end of the day, that's it. is this partikular app helping me convert? if it's not, ditch it, get rid of it. so, as we go through these apps here instantly, the first thing you would want to do if you do use a theme- that's why i'm using this as an example- if you use debuff, use turbo, whatever, they typically have apps installed into their theme, so you then have to go into the debutify theme app or whatever your theme is and then start removing the additional add-ons- um, which is what they may call them. but then you come back to your main apps and you go: okay, what can i get rid of here? the first thing is live chat. ask yourself: are peo?
Shopify Shop Speed optimieren - Teil 1: Apps
hey ist jan von shopgate und coatings jan, und heute direkt losgehen mit dem ersten video unserer reihe, page steht optimierung bzw ladezeiten von deinen job optimieren. und vielleicht kurz vorweg, wir werden erstmal anschauen, wie kann man überhaupt die ladezeit bemessen. da gibt es ein paar sehr bekannte tools sind. eins davon ist page speed insight von google, und das ist im endeffekt auch das, mit dem viele kunden an uns herantreten. das heißt, da werde ich auf jeden fall ein, zwei gedanken zu teilen, und dann schauen uns heute konkret an, wie man die ladezeit von verschiedenen apps in den store bemessen kann oder analysieren kann. denn die reihe wird so aufgebaut sein, dass wir erst mal die stellschrauben angucken, wo wir halt mit relativ wenig aufwand gegebenenfalls schon viel einfluss nehmen, können wir auch in seinem interesse sein. aber mehr will ich jetzt im intro gar nicht vorwegnehmen. lasst uns lieber starten und los geht's. also ich würde sagen, wir starten auch direkt mitten im geschehen- ich habe es schon gut angekündigt, werden wir das tool page speed insights benutzen, und für alle, die es nicht kennen: das ist quasi das tool, was google und zur verfügung stellt, um die ladezeit zu analysieren, und auch denkbar einfach. man schreibt einfach eine website adresse hier oben rein und kriegt dann erstmal eine bewertung ausgespuckt, so das ist dann quasi auch er stand, mit dem viele kunden zu uns kommen. da vielleicht jemand seinen job getestet und sieht: okay, ich habe jetzt hier diese 55 beziehungsweise orange, und wenn es unter 50 werde, der ganze kreis noch in rot, dann sieht es direkt doppelt so bedrohlich aus. und erfolg muss natürlich schon, was jetzt los ist, oder ob das den google ranking schadet. da sprechen wir auf jeden fall auch noch mal drüber, wie man das ganze so perspektivisch einordnen kann oder einschätzen kann. lasst uns vielleicht aber noch vorher einmal schauen, was besonders so hier auf der seite haben, ist nämlich vielleicht auch ganz interessant. oben links angefangen, sehen wir, dass wir hier zwischen der mobilen und der desktop version der website hin und her switchen können, und ihr werdet auch feststellen, dass desktop häufig besser bewertet ist. ja, nicht mal jeder kennt ihr seid irgendwo mit dem smartphone unterwegs, und wenn man dann einfach vielleicht eine schlechtere internetverbindung hat- oder mein handy ist jetzt auch nicht so leistungsstark den pc- laden die seiten einfach gefühl etwas länger, und dementsprechend wir sind die anforderungen an die optimierungen einfach höhere macht schon irgendwo sind. weiter unten auf der seite finden wir dann noch ein paar handlungsempfehlungen, und an denen werden uns auch im laufe der videoreihe immer wieder orientieren. aber da braucht man jetzt noch nicht so viele gedanken zu machen. was aber vielleicht wichtig ist, ist, dass ich einen test, ob angelegt hat- und aktuell ist da noch nichts- hochgeladen, noch nicht angepasst. also es ist wirklich absolute standards- ihn ohne irgendwelche anpassungen, und dann habe ich diesen job dreimal durch den test gejagt, und hier sieht man dann schon, dass der test auch gewissen schwankungen unterliegt. ich lag hier im bereich von 92 bis 87 punkten, und hier ist vielleicht auch ganz klar die handlungsempfehlung zu beginn, den job 23 mal zu testen, damit am ende sagen können, ob wirklich eine verbesserung stattgefunden hat. sodann stellt sie jetzt noch die frage, warum dieser testen job, der eigentlich super leer ist, nicht permanent mit 100 bewertet wird, und ich kann etwas erfahrung sagen, dass 92 im extrem starker wert ist. aber um einfach auch vielleicht ein gefühl dafür zu kriegen, sollten uns einmal kurz ein paar bekannte website angucken. man kann man das ganze trägt viel besser einordnen, und um ein bisschen zeit zu sparen, habe ich das ganze schon vorbereitet, und dann sieht man zum beispiel, dass amazon immobilien ranking auf 75 landet und ebay zum beispiel nur auf 62, und da muss man sich jetzt auch vor augen halten, dass das wirklich milliarden unternehmen sind, die mit sicherheit auch einen großen teil ihres budgets, mit den die website optimierung stecken, und selbst die landen nicht auf 100 punkten im speed ranking. und vielleicht haben sie auch einfach intern für sich den kompromiss gefunden: ok, ich brauche lieber ein paar mehr bilder auf der seite. das kompliziert besser für uns als 100 punkten im speed test, und deswegen glaube ich, dass, wenn man irgendwo auch nur ansatzweise in diesem bereich rein kommt mit seinem shop, dann ist das schon ein sehr, sehr gutes ergebnis. abschließend auch noch ganz interessant: wenn man einfach mal youtube durch den test laufen lässt, dann sieht man, dass die im ranking bei 44 rauskommen, und die gehört nummer zu google. das heißt, man sollte eigentlich meinen, die müssten wissen, wie man da richtig abräumen. also klar, die haben jetzt primär nur videos auf ihrer webseite. aber mir geht es gerade einfach darum, die richtige erwartungshaltung, auch wenn das projekt- zu setzen, weil wenn dein job jetzt gerade bei 30 oder 40 punkten liegt, dann wird extrem schwer, dann nochmal 40 punkte nach oben zu klettern, und ich glaube, wenn man einfach vielleicht zehn oder 15 punkte schafft, dann ist es schon recht eine coole leistung. ok, nach dem jetzt lang genug über die basics gequatscht haben, wollen wir auch wirklich meine diesen do it yourself teil reinkommen, und dazu habe ich folgendes vorbereitet, habe einfach unseren tests vorgenommen und da einfach mal 15 apps installiert. es ist auch keine seltenheit, dass jemand seinen job mit zehn bis fünfzehn oder zwanzig apps betreibt und dadurch das frontend jetzt folgendermaßen aus pulsieren: nach oben haben wir diesen free shipping bar für bestellungen 100 euro, dann haben wir noch den currency converter, diesen stik button, jetzt kommt noch ein e mail popup rein, und unten habe ich noch diese slideshow für reviews oder testimonials eingefügt- noch nicht richtig eingerichtet, und wenn ich mich mal eben hier zur linken seite begeben, sehen wir, dass ich auch noch so ein livechat eingebaut habe. also ich hab das ganze jetzt schon ein bisschen auf die spitze getrieben, aber vielleicht auch gar nicht so sehr, weil es gibt viele leute, die auch gerne apps installieren, und das ist auch erst mal völlig okay. aber für unseren test job bedeutet das, dass beim speed ranking und diesen ursprünglichen 92 direkt runter fallen auf 25. die desktop version ist da vielleicht ein bisschen tolerant, aber die differenz in der mobile version ist schon echt krass, und deswegen bei uns jetzt die apps ein bisschen genauer anschauen und das analysieren, um dann halt so was zu vermeiden, und im ersten schritt sollte man schauen, welche apps überhaupt einfluss auf die ladegeschwindigkeit haben könnten, denn app ist hier nicht gleich app. und als daumenregel würde ich sagen: alle apps, die irgendwie sichtbar in deinem front end, also in deinem job auftauchen, weil es jetzt e-mail-marketing, popups, currency converter, sei es eine slideshow, weil es der live-chat, die nehmen alle einfluss auf die ladegeschwindigkeit. und die apps, die hingegen nur über diesen admin bereich gelaufen, den wir gerade sehen, also das sogenannte back end, mit dem zum beispiel die warenwirtschaft oder isar meter fällt, editor oder auch der ort oft winter verrechnungs drucken sein, die laufen erst mal separat vom frontend und haben daher keinen einfluss auf die ladegeschwindigkeit. das heißt, wir sollten uns erstmal auf die im frontend sichtbaren apps fokussieren. im zweiten schritt würde ich dann einmal die liste der apps durch gehen und schauen, ob es vielleicht doppelte apps oder nicht mehr genutzte apps gibt. jetzt einfach am beispiel von tests tor- ich hatte diesen free shopping bar hier installiert und dann aber vielleicht noch eine zweite app getestet, die mir vielleicht besser gefallen hat, und einfach vergessen, die erste zu deinstallieren- oder- was ich total häufig sehe, das alte apps nur deaktiviert sind und gar nicht deinstalliert, und diese apps könnten halt immernoch code fragmente mit dem frontend schmeißen, die inhalt, die ladezeit verschlechtern. daher.
More:How To Scale With Google Ads FAST During Q4 | Shopify Google Shopping & Search Scaling Secrets
How to Speed up your Shopify Website | Simple Guide
[Music]. welcome back again to resolutions design. you might hear a little bit of an ankle because i'm still trying to decor this room. in today's topic we're going to do it once again. we're going to tok about an important, important topic, about shopify, which i notiked that a lot of people are asking, and in this partikular video what we're going to discuss is speed. uh, you guys might have notiked, in shopify, uh, once, which i'll show you in a second, you'll see that there's kind of like this meter, there's this meter, that toks about the speed. and then you might, you know, shopify is kind of like putting that in your mind, in your face, saying, hey, your website is ranking lower than x amount of stores. we're gonna tok about that today. but first, if you're new to this channel, i hope you join me on my journey with the subscribers that i have. these guys are just phenomenal, those guys that are actually following my channel. thank you so much for adding such amazing comments. as you can see, i'm kind of like still trying to prepare. the academy is coming soon. i got the whiteboard coming in, got some decors coming in and we're gonna hit some major, intense classes for the real deep questions when it comes to building your website. so again, if you're new to this channel, all i ask is for uh, subscribe, uh, like that blue, just notify it, and also the notifications bell as well. okay, so thank you very much for that support. i, every time you guys comment in the bottom, i will always, within less than 24 hours, try to respond. okay, so let's get right to it again. i'm going to show you my computer screen. we're going to tok about tactiks on how we could get this done, okay, so let's go ahead and share my screen here. okay, let let's tok about this where we're at. so this is what's annoying here. we're like, hey, look, you know, i got the whole turbo thing, i got this and that. or you know, i downloaded the turbo theme and and still i'm not getting a good score. what's going on? or hey, i got this other theme going on in my store and i'm getting such a low score. we're gonna tok about this. let's fix it right. so a little history about this first. let's make sure we know what this is all about, so you can see my face right here. all right, so what is um shopify using as a platform? shopify is currently using not its own platform. but if you go ahead and you read where it says speed score, they'll go ahead and they'll start toking to you about how they're kind of like getting all this information right and saying, look, what are the factors? you know where is this all coming from? and long story short- i mean you guys could read this offline or whatever long story short what they're using is they're using the, the google developer tool, or the, the speed tool for this, which, if you get connected to a lot of people who do marketing, a lot of people who are shopify experts, especially those who do seo, they're gonna tell you that google is the worst. google is like when it comes to the whole speed test and all that type of stuff. it's it's not a really good gauging stik because there's a lot of factors that they're not taking into account and they're also don't really connect too much to it in order to play a role in the whole seo game. what i mean is is that on google's seo tools, if you do the speed test there on your website, don't think that that's a contributing factor strongly to your seo, which is one of the reasons why i'm sure you're in this channel. you want to improve your speed, because of your seo and, most importantly, because of the user experience. you want people to get to your website faster, right? but that's not the case. uh, in many cases, the top top websites that people use- and if you don't know, it's called gt metrics. so go to gtmetricscom and, if you have a chance, go ahead and pause this video. if this is the first time you ever see this website, go ahead and pause this video and grab your url, add it right there, find out what your score is right, and then the other one. the other one's a little bit more trickier to find. it's the kingdom webs. the way that i type it up in chrome, by the way, i'm using chrome- i type in pingdom website speed test, i do that and then, right here, you'll see that. uh, you know, when it comes to analyzing uh website speed and stuff like that, so i'll go ahead and click on it. they have a lot of different versions of the website, so it's okay. if you're like, hey, i don't know how to get here, how do i get here? just make sure you think around and start looking for it. the page has to look like this. okay, so the page has to look like this. so we're gonna leave these aside for a second and let's go back to what a lot of people remember. where did i leave off you remember if my previous video? i have the part one, part two, part three of how to build a turbo theme. well, this is almost right after that, where i'm trying to now help you out with the speed test here, okay, so let's look at the story. let's just observe, because this is partial of the problem- the story that i built here was the exact replica of the turbo theme. uh, that was found in out of the sandbox. so if you guys are not familiar, turbo is one of the- um, the themes that i we waved the flag a lot on, and there's gonna be more, but turbo is definitely one of them. we are still tex, testing out flex. so let me know if flex is important for you down in the comments. i'll make videos about that theme. it is more expensive than turbo, but if you guys are interested, just let me know and then i'll make a whole full analysis about flex. but for the most part, turbo is the real major one that i've made videos upon and that's what i'm kind of going by, right, okay, so let's go back over here. so, as you remember, i made all of this to kind of like match the user experience and so on and so forth. okay so, and i also remember one of the last videos i said. you know i made a domain name and it's actually live. so what i'm going to do right here, right off the bat, is i'm going to go ahead and press copy and then i'm going to paste this to see how i score. okay, so, let's go here and then let's analyze the store real quick. no pause button, we're just gonna let it do its thing. uh, depending on your internet speed, you know, this could also play out. but, uh, test server regions- they always usually typically do it from canada and so on and so forth. all right, so we're going to just wait a little bit again. sometimes during the midday, like, let's say, on a monday or something like that, this get, this could get clogged up because there's just so many people using it. look at that. so, based on the way that i had turbo, which i have on the latest and greatest, showing you the real pictures here, i put all of those things stack after stack after stack and i'm here scoring at a 8.2 seconds on the low time, which i get a page speed score of a- b, but then i get a y slow score of a- c, which is just different factors. you could go ahead and kind of like gauge to see the details. now you might be wondering, well, what can i do? just looking at these things, looking at these contributing factors, you, you know, when it comes to these type of stuffs, right here, where it's server based, you can't do anything because shopify controls that. remember, shopify doesn't give you access to the actual server. uh, that's something that you're paying shopify for. they're the ones that are keeping the, the ship tight, locked. they're not doing anything there. and then here there's some other javascripts and then, why slow? they kind of start telling you all these other things that are mostly content, either content, which means you could either control, or their server control, meaning you can't control it. i like to always grab another speed test just in case. so i'll do like a retest, real quick, to kind of like you know you could do like three of them and then grab an average score that gives yourself more or less an idea as far as how this is truly ranking up. okay, so i'm just gonna let this finish just to kind of like give you an assumption as to what this would look like. okay, so right h.
More:10 Tiktok Winning Products to Sell THIS MONTH (SHOPIFY DROPSHIPPING)
How To Optimize Your Shopify Speed
i'm going to show you what it looks like to do a correct shopify side speed optimization. so this is what you should be doing. first of all, we're going to look at caden lane baby boutique. i don't know these guys. if this is you. you have a beautiful store. it looks absolutely fantastik. and why am i picking these out is because you guys have a very typical issue. if you go to testmystorespeedcom- you know it checks shopify stores- you're going to immediately see something very typical, which is these guys have yacht-po installed, but they also have product reviews installed. so one of the main things that eats up your shopify style speed is having residual app code that's just trying to load, but the app isn't there anymore and you never cleaned up the code. so this, to me, is already a complete giveaway that there is room for optimization. now, if we look, these guys have 203 requests. that's kind of more than usual. right here, you clearly see, the average number of requests is around 119 and that's the average. so that's not fast. 203 requests, that's a lot. on top of it, you can see the page size, which is 3.5 megabyte. that is a pretty big page that needs to be loaded every single time. now you might tell me, andrew, the load time isn't that bad. okay, but that's because google's on a good server and, yes, it does load in a pretty decent amount of time. but you know this, 203 request and 3.5 megabytes, that could be pretty heavy for, let's say, a mobile somewhere on the new york city subway or somewhere in the middle of our kansas, i don't know. i know nothing about our counts. so what do we actually do then? how can we improve this besides removing the residual code? well, the next thing we're going to do is we're going to look at the waterfall together. a website is nothing more than a collection of files that come from all over the place. some files come from facebook, some files come from the shopify, cdn network and your browser. when they want to visit a website, they just say, hey, give me the list of all the files i need, and then your browser is going across the internet going to get each of these files. in the case of cad and lane, they have 203 files that they need to go get every time the home page is loaded and we can see right here are those 203 files in a chronological order by the order in which they get loaded. so these are all the files that get loaded when a homepage is loaded. now where does it get? really interesting is that we at e-com experts are going to go over this manually and are going to see what makes sense, what doesn't. so, right here we can clearly see: the first thing is a request to the server. that makes sense. the very next thing is going to be a javascript file. okay, okay, that makes sense. and like that, we go down the list and we say, well, okay, that's a lot of javascript's file, but wait a minute, what is this bold upsell in the seventh place? if i see that the seventh file you are loading before tracking pixels before your banner image is the javascript of bold upsell app, i'm imagining that bold upsell is at the very top of your homepage. so let's go and see, and this is what happens with every store. i don't see bold upsell anywhere here. there is no reason bold upsell is loading here. there is just none. okay, you might be thinking, yeah, but the upsell probably happens lower, okay, um, still no bold upsell, maybe on a quick view. no upsell right here. why are we loading the bold upsell app on the home page if you're not using it on the home page. you see, you start start understanding the picture here. all right, let's, let's keep going down. so we, we had bold upsell around here and then here, bold upsell again, and then bold options. now we're loading both options. we didn't see both options on the home page. don't forget, these apps are super useful on the product page or wherever you decide to have upsells or options, but they don't have to load on every single page. that's not the goal, and if you let all of these apps load on every single page, then you just clutter up your page. but let's go to the big final thing we do beside, like well, not really optimizing images, but minifying javascript and yada, yada, yada. what is the other big thing that we do? all right, let's, you know, we keep taking kaden lane as an example and, by the way, if this is your store, reach out to me. we'll do a very good deal on site speed optimization, because i really used a random store. i found here um, and i owe you that one plus. you're a beautiful store. a very typical thing is: i think you have reviews here somewhere. yes, you do have reviews. so now the question is: you have yacht po reviews, i'm assuming. so we do a little control finds we do. yagpo, yatpo is being loaded on the home page. now the question is: why is it unload on the home page? you see, if i visit your store, i see this. if i do it in mobile, i see drumroll, please, i see this. that's how it would look on mobile notike that in no cases are there any reviews. i do not see any reviews. so why am i loading the review app if the review is all the way down on the page? i could very well tell yatpo: hey, don't load. when the user sees the page for the first time, wait a second. and when the user starts interacting with the page, then start loading yatpo, because by the time i scroll down and down and down and down and down, oh, now i'm gonna, now i'm gonna come to the reviews and now it makes sense. you know it got a lot of time to load the app and so, like that, we're really going to go to the entire waterfall of every single page that matters for the shopify speed optimization score. so that means all the products pages, all the collection pages and the home page, and we're really going to make sure that the things that get loaded, need to get loaded there and not just randomly push everything unload as soon as a user comes to your webpage. if we do it correctly, the result should look something like this: a mobile of 83, a desktop of 94. those are numbers that are start making sense, although headphonescom was a pretty complicated website to work on because they're so big, because their products are so amazing. so if you need headphones, go to headphonescom because it's, frankly, they're amazing. but you know, big sites get more complex. but 83 out of 100, that makes sense for mobile, and now it's optimized. the same for desktop. 95 to 100, that makes sense for a desktop version. and then some people ask: okay, andrew, but what do you prioritize? what is important that gets loaded on load? well, the things that are important to get loaded on load is, first of all, you're tracking pixels. you got to make sure you're tracking as soon as the web page starts loading, because then you can retarget, then you can you know you're not losing out on all that tracking data. and then the number two that you start loading is your main image, your menu, your logo, your main call to actions. all of those things are, of course, very important and they should be loaded. but things that shouldn't be loaded are your instagram app that's at your very footer. wait, hold on to that load. make sure that that only starts loading once the user starts interacting with your page, instead of immediately slapping that as soon as your visitor visits your page. hold on with the apps that are only on the project page. don't make them load on the home page. make them only load on the product page. and especially if you go to testmystorespeedcom and you realize, oh my god, wait a minute, i have yacht pro- that's a review app- and i got product reviews- that's a review app. that's no bueno. if all of this makes sense, you're like: oh all right, can you do this for me? absolutely, follow the link down below. we just do shopify side speed optimizations. that's the only thing we do, and we will gladly help you out making your store like this fast, like a 94, like an 83. we will gladly help you do that. thanks a lot.
How to Speed Up a Shopify Website for FREE (2023)
slow loading shopify store can cause your conversion rate to drop by over four percent, and 70 percent of online consumers say that load time plays a large role in their purchase decision, so it's essential to have a fast loading shopify store. however, shopify stores aren't automatikally optimized for load times, so in today's video, i'm going to be showing you how to use the fast shop app to make sure that your shopify store is lightning fast. so let's get straight into it. so this is the fast shop app that i will be installing on my shopify store in order to speed it up, and i will leave a link in the description to the fast shop app. now, if we have a look at my shopify store at the moment, we will see that it has a speed score of 27, and it does say a speed score of 27 means that your store is slower than similar stores, so we will be using the fast shop app to actually go and speed my store up. now, if we scroll down, we can have a look at the pricing, so you can start for completely free. with the fast shop app, you do only get product images, which will be optimized, which means they will actually be compressed so that your store loads faster. you can add 500 images per month. automated image optimization. so that basically means every time you upload an image to your product it will be automatikally optimized and then you get 30 day backup. now it probably is worth to upgrade your plan if you really want to have a super fast saw, so you can test the fast dropout for free and see how it goes and if it does speed up your store. and then, if you want to, you can always go and upgrade your plan. now with the upgraded plan, you get unlimited images. so that means every single image on your shopify store will be optimized for load times. and you also do get unlimited videos. so fast shop is the only app in the shopify app store where you can actually optimize videos and videos drastikally slow down your website and make it load slowly. so if you have a lot of videos on your site, you're definitely going to want to use this app. and also, finally, fastshop doesn't actually add any extra code to your store. so a lot of other apps that you might use- they actually add extra code, which can cause your store to load slower, which is a bit crazy, but also it can cause some problems with themes and things like that. so i definitely recommend to have a look at the free plan and if you enjoy it and if it's going well and you want to speed up your store even further, then you can always go for the paid plan. and one last thing i want to show you before we install the far shop app is how many stores are actually using it. so, as you can see from the fast shop app statistiks, over 1300 shopify brands are using the app, over 10.6 million assets have been optimized and over 240 gigabytes have been saved for those different brands. so that just goes to show you how powerful the fast shop app is when it comes to speeding up your shopify store. now, from here, we are just going to go and click on add app and then from here, we are going to click on install app. once you install the app, it's going to say: transform the photos and videos in your store to load faster. so from here, you can just click on get started and then from here, it will say: we will analyze the photos and videos in your store, so just click on. next it will say: apply our magic. once again, just click on next and then from here, all you're going to do is click on optimize. from here it's going to ask you if you want to go for the free plan or if you want to go for the pro plan. now you can always upgrade your plan. so you can start with the free plan if you want to test it out and then, like i say, if it does speed up your store and you want to speed it up even further, then you can always upgrade to the pro plan. now i'm going to go straight for the pro pro plan. so i'm going to click on select and then from here all you have to do is hit approve and then from here it's going to have a look at all of the files on your shopify store and it will begin to optimize them for you. so i have left the fast shop app to go and optimize all of the media and assets on my store and now we can go and have a look at the results. so, as you can see, it has optimized over 110 images, it has optimized one video, and then you can go and have a look at how much space it has saved on your store. so you can see, the old assets were taking up almost 60 megabytes. now they're only taking up just over 30 and it has saved me over 25 megabytes on my store. and if we actually go and have a look at the speed score of my store, so if we scroll down, we can see that it has now jumped up to 63 and it says a speed score of 63 means your store is the same speed as similar stores on shopify. so it has gone from 27, which is a pretty slow store, all the way up to 63. so, as you can see, the fast shop app is super powerful when it comes to speeding up your shopify store. having the fast shop app installed will allow you to optimize all of the assets on your store 24 7, 365 days per year. so that is how you can speed up your shopify store in a matter of minutes using the fastshop app. i will leave a link to the photoshop app in the description below. i hope you have taken value from the video. if you have, give it a big thumbs up and make sure to subscribe to the channel for more drop shipping and e-commerce content and hopefully i'll see you in the next one.
How to Increase Your Shopify Speed Score (Shopify Speed Optimization) - Shopify Development 2022
[Music]. hello and welcome to ecom premium, a new video on shopify speed optimization. so first of all we would like to see that how much speed we have gained. so you can see that how we did it. here is our software store url. we are going to analyze it on facebook so you will see the results here for mobile device first and then for the desktop here. so if you also want to optimize your shopify store speed, it helps you in ranking in google search engines. it helps you to get good conversion rates, good traffic and everything you know speed optimization. so here's, you see that we have score of 74 and here on desktop we have got 98 performance. so we will again analyze it so see if there is any difference in the speed given by hspwebdev. you can also try it on page speed in size by google and you can also try it on pingdom- any other speed optimizer checker. so you see, before we checked it on our cell phone it was 96 for mobile and 98 for desktop. as you see, it's still 98. so you will never seen this speed before for your software store, like this. so here we will see that how much we are getting the speed on our shopify score. so you see we have 77 score on our shopify speed score meter. a sp score of 77 means your store is faster than similar stores on shopify. so now we'll be to us that how we got this speed for our shopify store, because we have seen many stores these speeds are less than 50 in here in chopra admin. so how we got is 77. the reason is that if you look on our shopify front page, you will see that we have one video banner right in our home page, we have one chat plugin installed, we have one labels plugin app installed, we have some header menus and then we have a blog post on our front page only and we have some social icons in the footer and that's it. so this is why we are getting high speed, because by this method you can also get your software store speed up. so, like if we will see in the app section, you will see that we only have one app installed right now and we don't have any more apps. so that is the reason that we have got only a software store with higher speed. it helps to rank in google search engines. it helps you to get good conversion, because people are listing your store and they don't want to spend more time while it's opening, so most of the customers left before visiting your store. so this is the reason: first, try to minimize as less apps you can use. so don't use more apps like 10 to 15 apps on your short passport. it decreases the shuffle speed, just like here you see we have: first content: full paint is 0.5. second time to interact is 0.5 seconds. speed index: 17. second, total blocking time is 0ms. that is really amazing. and largest content full paint is 1.0. second, accumulative layout chip is your really amazing results we have seen will again make this thing retest so to be confirmed and to be sure that we are getting the right results for it. so we are just refreshing it and this way you will see that we can get maximum results on our shopify store. the reason is that as less item, because you see, the reason is that nobody is listing your front page. if you are getting targeted, are advertising and people are coming through some links on your store. they're probably coming on some links like this link on your store, some blog links, some paid links, some product links, some collection links, so they'll never going to visit your home page at the very first landing. so this is a good way to get higher speed by doing this thing, by having less sections on your home page, for- and the main important thing is that your theme should be on shopify os 2.0. here you see, we have os 2.0 theme created by shopify version 3.00. so this is also the reason that we are getting higher speed. so here you see, we are going to analyze it once again so we will see the any difference, because it's fluctuating but it will never give you bad results, like once 90 plus and then 50 plus. so this is more like that. if it's giving you 90 plus, then the next time you see we have mobile speed is 96. now this is the accuracy speed and for desktop we are still getting 98. so this is really amazing. this is shopify speed optimization tips and tricks we are going to show you. we have shown you in this video. if you like the concept, if you like the tips and tricks we have shared in this video, do subscribe the channel and share this video as much as you can share with your friends so they can also get good shopify speed. and again i'm saying number one is shopify os 2.4 free theme you have to install on your shopify store. remember to do less apps on your store. number three: no more sections other than banner and some feature images on your front page. so this will really going to be a good speed like this for your store. thank you so much for your time. have a great day. bye.