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
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
More:10 Tiktok Winning Products to Sell THIS MONTH (SHOPIFY DROPSHIPPING)
How To Optimize Your Shopify Speed
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.