Como Aumentar a Velocidade da Loja Shopify (2023)
Summary
TLDRKléberson Queiroz, a prominent dropshipping store builder, shares insights on how to significantly speed up a dropshipping store to prevent customers from abandoning their shopping carts due to slow load times. He introduces the GT Matrix tool for assessing site speed and emphasizes the importance of optimizing images by compressing them without losing quality, converting icons to SVG for efficiency, and removing unnecessary codes and apps from the store's theme. Queiroz also advises on the importance of testing different transparent checkout options to find the one that balances load speed with good sales performance. He stresses that attention to detail is crucial in setting professionals apart from amateurs in the field of dropshipping.
Takeaways
- 🛒 To improve the speed of your dropshipping store, consider using a fast theme like Evolution, which is already optimized for performance.
- 📸 Compress your images without losing quality using tools like TinyPNG, which can significantly reduce image file sizes and improve load times.
- 🖼️ Ensure that all product images are compressed to maintain a high-quality appearance while reducing the load on the customer's device.
- ⚙️ Convert icons to SVG format, which are vector-based and thus lighter and faster to load compared to traditional pixel-based formats like PNG.
- 📉 Remove unnecessary apps and plugins from your store that can slow down the loading time and negatively impact the user experience.
- 🛍️ Keep only essential apps for your store's operation, such as those for customer service and order processing.
- 🚀 Test different transparent checkout options to find the one that balances speed and functionality, as a slow checkout can deter customers.
- ⏱️ Pay attention to the overall loading speed of your store, as it can greatly affect your sales performance and customer satisfaction.
- 📈 Focus on the details of your dropshipping operation, as they can make the difference between an amateur and a professional setup.
- 📊 Use tools like GTmetrix to analyze your store's speed and performance, which can help identify areas for improvement.
- 🌐 Consider the customer's internet connection, as many might be using mobile data or slower Wi-Fi, which can affect their experience on your store.
- 📝 Remember that customer experience is key; a fast, smooth, and easy-to-navigate store can lead to higher conversion rates and repeat purchases.
Q & A
What is the main focus of Kléberson Queiroz's expertise?
-Kléberson Queiroz is an expert in building dropshipping stores and is involved in the development of the Evolution theme, which is a fast marketplace theme.
Why is it important to make a dropshipping store fast?
-A fast store improves the user experience and reduces the chances of customers abandoning the site due to slow loading times, which can negatively impact sales.
How can one measure the speed of their dropshipping store?
-One can measure the speed of their store using a tool like GTmetrix, which analyzes the site's performance from various angles and provides a score.
What is the recommended first step to optimize a dropshipping store's speed?
-The first step is to compress the images used in the store without losing quality, which significantly reduces the loading time.
How can one compress images for a dropshipping store?
-One can use online image compression tools to reduce the file size of images, ensuring they remain under 5MB and maintain quality.
Why is converting icons to SVG format beneficial for a store's speed?
-SVG (Scalable Vector Graphics) files are vector-based and thus lighter in weight, leading to faster load times compared to raster image formats like PNG.
What is the impact of unnecessary codes and apps on a store's performance?
-Unnecessary codes and apps can slow down a store as they add extra content for the browser to load, impacting the overall performance and user experience.
How can one remove unnecessary apps from their store?
-One can go to the store's app settings, review the installed apps, and uninstall those that are not essential to the store's operation.
What is the significance of testing different transparent checkout options?
-Different transparent checkout options can affect the loading time and sales performance of a store, so it's crucial to test and select the one that balances speed with sales effectiveness.
Why is the checkout process a critical factor in a store's speed?
-The checkout process is often where customers spend significant time. A slow or complicated checkout can lead to cart abandonment and lost sales.
What is the recommended approach to enhance the buying experience on a dropshipping store?
-Focus on providing instant loading of pages, clear information, and a smooth navigation experience to mirror the high-speed expectations of modern consumers.
How can details in dropshipping operations make a difference?
-Attention to details such as image optimization, app management, and checkout efficiency can significantly improve the store's performance and set it apart from competitors.
Outlines
🚀 Boosting Dropshipping Store Speed
Kléberson Queiroz, a prominent dropshipping store builder, introduces himself and his involvement in developing the fast Evolution theme. He emphasizes the importance of a fast-loading store to prevent customers from abandoning their shopping carts due to slow load times. Kléberson explains how to assess a store's speed using GT Matrix and shares insights on optimizing store performance. He suggests starting with compressing images to reduce load times without compromising quality, using a specific website for image compression as an example.
🖼️ Optimizing Images and Icons for Faster Load Times
The paragraph focuses on the significance of image optimization for a dropshipping store's performance. It explains that large image files should be compressed to reduce their size, which speeds up the loading time. Kléberson demonstrates using a website to compress an image while maintaining quality. Additionally, he discusses converting icons to the SVG format, which is a vector-based file type that results in smaller, lighter files. He provides a step-by-step guide on converting a PNG image to an SVG, showcasing the significant reduction in file size and how it benefits the overall store performance.
⚙️ Streamlining Store Performance with Essential Apps and Checkout Options
Kléberson advises on removing unnecessary apps and code from the store to enhance loading speeds. He notes that each additional app adds more code, which can slow down the browsing experience. He recommends keeping only essential apps, such as those for customer service and payment processing. Furthermore, he touches on the impact of different transparent checkout options on load times and sales performance. Kléberson suggests testing various checkout options to find the one that balances speed with a good customer experience. He concludes by stressing the importance of a fast and seamless shopping experience to increase customer retention and sales.
Mindmap
Keywords
💡Dropshipping
💡Evolution Theme
💡Image Compression
💡SVG (Scalable Vector Graphics)
💡GTmetrix
💡Mobile Data Usage
💡App Overload
💡Checkout Process
💡Customer Experience
💡Bandwidth
💡Professionalism in E-commerce
Highlights
The speaker, Kléberson Queiroz, introduces himself as one of the top dropshipping store builders in Brazil and abroad.
He is also part of the development of the fastest marketplace theme, Evolution.
The main focus is on making dropshipping stores incredibly fast to avoid customers waiting and abandoning purchases.
Using GTmetrix to measure and analyze the speed and performance of your store is crucial.
The importance of optimizing mobile data usage as many customers use mobile internet with limited bandwidth.
Compressing images using a tool like ShortPixel can significantly reduce load times without losing quality.
Converting icons to SVG format can greatly reduce file size and improve load speed.
Removing unnecessary apps from your Shopify store can greatly improve performance.
Only keep essential apps like chat support and payment processing.
Testing different transparent checkout options is key as some can slow down your store.
The importance of providing an excellent buying experience with instant loading and smooth navigation.
Details matter - focusing on the small details is what separates professionals from amateurs.
Using the Evolution theme can make optimization much easier as it is already highly optimized.
The impact of slow load times on sales - how potential customers abandon purchases if a store is too slow.
The role of image file size in page load times and how compressing images can help.
The benefits of using vector-based SVG files for icons instead of raster formats like PNG.
The need to minimize unnecessary code and apps in your store's theme to improve speed.
Tips for optimizing your store for fast load times to increase sales and provide a better customer experience.
Transcripts
Como deixar a sua loja de dropship 10
vezes mais rápida do que o comum e não
deixar o seu cliente esperando ali por
horas carregar sua loja e acabar
desistindo para compra mas antes de
começar desse vídeo deixa eu me
apresentar para você que não me conhece
eu sou o Kléberson Queiroz um dos
maiores construtores de lojas dropship
aqui no Brasil e lá para fora na gringa
tá Também faço parte do desenvolvimento
do tema mais rápido do mercado do
Evolution tá e simplesmente estou aqui
para te mostrar como a gente consegue
deixar nosso lojas de dropship
incrívelmente rápidas e como você vai
fazer a mesma coisa na sua loja aí tá
bom vamos lá deixa eu aqui colocar na
tela do meu computador para você
entender primeiro é como é que eu sei se
minha loja tá rápida ao talenta porque
muitas vezes você tem uma uma internet
bem rápida aí né então às vezes não
consegue mensurar essa velocidade mas os
seus clientes Não a maioria deles usam
dados móveis estão por exemplo na rua
ali então a internet não é muito legal
ou às vezes a sua banda lá mesmo sem
internet no wi-fi muito rápida e isso
acarreta na performance das suas vendas
tá um dos principais motivos da galera
não ter um ótimo faturamento eu tenho
uma loja lenta Imagine você você é
cliente você clica lá em um anúncio de
Qualquer que seja loja e você e a loja
Passa muito tempo para carregar
tem aquela mais experiência na hora da
compra você acaba desistindo a mesma
coisa acontece com seu cliente então
você tem que tornar sua loja
incrivelmente rápido olha só então como
saber a primeira coisa você vai
simplesmente acessar esse site aqui é o
GT Matrix tá então o que que acontece
Você vai clicar aqui ó vou copiar o link
dessa loja edema aqui para você ver você
quer uma loja dropship tá vou clicar
aqui ó e vamos analisar a velocidade
dessa loja o que que acontece esse
sistema aqui ele vai entrar em todos os
códigos da loja vai medir toda a
performance é nem vários é ângulos de
carregamento tá simplesmente ele vai
entrar e vai saber Poxa vai trazer a
medida certa é a performance que essa
loja tem tá se a performance é ruim ele
vai dar ali notas ruins como por exemplo
de B para baixo se a nota tiver boa o
site estiver rápido ele vai dar uma nota
a Olha só Então essa loja aqui tá com a
performance lá em cima olha só que a
nota a tá 99% de performance tá
carregando em 138
milésimos de segundo não é nenhum
segundo é milésimo de segundo e essa
loja tem que estar do mesmo jeito tá
agora eu vou te mostrar Aqui os passo a
passo que você tem que fazer para deixar
sua loja otimizada rápida e simplesmente
ter muito mais resultado vamos lá
primeira coisa que você tem que fazer eu
vou te dar os toques aqui iniciais Olha
só esse esse tema aqui é o tema da
Evolution ele já está super otimizado tá
tudo aqui é você pode subir qualquer
imagem ele já faz as compreensões e tudo
mais então isso aqui é muito mais fácil
tá para você que tem interesse link aí
na bio ah na descrição Então vamos lá o
que que você tem que fazer na sua loja
primeiro você tem que comprimir as suas
imagens Olha só como assim comprimento
por exemplo essa imagem aqui ela tem um
tamanho e só se você subir por exemplo o
seu design acabou de subir ela lhe criou
o banner e tudo mais muita das vezes ela
vem com um mega 500 MB isso é um pouco
grande então você tem que reduzir o
tamanho dessas imagens tá então como
fazer isso você pode usar esse site aqui
ó por exemplo vou clicar aqui ó vou
subir aqui uma imagem deixa eu ver aqui
banco é deixa eu ver que background vou
subir essa imagem olha só que legal essa
imagem aqui ó tem 10 megas 10 megas do
seu tamanho tá de pixels eu vou clicar
aqui ó já sobe 10 megas ele não pode tem
que ser abaixo de 5 Max deixa eu pegar
outra aqui Deixa eu ver essa daqui tem 2
megas e 30 e 6 megabytes eu vou clicar
aqui o que que ela vai fazer ela vai
comprimir e não vai fazer com que perca
tanta qualidade assim vai manter a
qualidade da imagem isso aqui é
essencial não adianta você subir uma
imagem toda pixelada vai até tirar
proximalismo da sua loja então ele vai
fazer a compressão ó de
200.5 megabytes oh 2.5 megabytes ele vai
reduzir aqui deixa eu ver aqui quanto
vai reduzir geralmente ele reduz de 60
para 60 Olha só 80% de conversão do seu
de redução de tamanho passou de 2.5 para
483 KB olha só que legal agora bora ver
como é que ficou essa imagem aqui deixa
eu colocar aqui na área de trabalho para
ser mais rápido vamos abrir ele aqui
olha só você percebe que a qualidade
continua a mesma não mudou qualidade
nenhuma então simplesmente essa
inteligência artificial aqui mantém Tira
só o que desnecessário da imagem manter
a qualidade Então tá aqui todas as
imagens até as imagens de produto é bom
que você passa por esse tá em casa você
tem uma sua loja aí não faça essa
compressão automaticamente Lembrando que
eu falei para vocês como nós temos ele é
muito otimizado ele já faz a compra essa
moto automaticamente mas caso seu tema
Não faça isso eu recomendo que você faça
isso porque o tempo de carregamento vai
reduzir demais no seu tema tá vamos lá
esse aqui é o ponto chave Outro ponto
chave também por exemplo
caso você tenha
ícones tá
ícones aí nessa loja é importante você
converter aqui que nos ícones são esses
por exemplo esse aqui ó esses itens aqui
sacolinha de localização de pesquisa
esses ícones por exemplo isso aqui ó de
frete grátis parcelamento esses ícones é
importante nesses estarem em
ssvg tá svg que é isso é um tipo de
arquivo que é um vetor ele não é Pixel
ele é um tipo de um código matemático e
faz com que a imagem seja muito mais
muito mais
comprida e mais leve entendeu então como
fazer isso por exemplo vamos converter
uma por exemplo eu quero colocar um
ícone na minha loja e trocar e tudo mais
para deixar mais rápido simples você vem
aqui por exemplo ó e só lembrando que só
funciona com arquivos é por exemplo
simples como esse daqui tá vou dar um
exemplo para vocês aqui ó não pode ser
arquivos coloridos essa força naquilos é
em preto e branco tá então é por isso
que é muito bom só usar em ícones tá
deixa eu ver aqui por exemplo você quer
colocar uma sacola um carrinho na sua
loja tá vou dar o carrinho ícone de
carrinho por exemplo isso aqui ó ele tá
em png tá de colocar aqui ó colocar até
Nada de trabalho Olha só então Observe
que está em png vamos ver o tamanho
dessa imagem deixa eu clicar aqui
mostrar na pasta tá na hora de trabalho
né então aqui ó ele tá de deixa eu ver
aqui deixa eu abrir logo aqui mas
propriedades ele tá de 12 KB já tá leve
mas como deixar mais leve Ainda mais
otimizado lembrando que quanto mais leve
melhor tá então vamos lá é converter
ó converter png em svg que é um arquivo
matemática tá olha só que legal você vai
clicar aqui em convert que é esse site
aqui ó Então vamos selecionar o arquivo
olha só que legal área de trabalho vou
pegar aqui ó o carrinho e vou clicar
aqui ó em converter ele vai fazer a
conversão vamos ver aqui agora a
diferença de um arquivo de tamanho com
relação ao png tá deixa ele fazer aqui a
conversão para a gente analisar aqui pra
vocês ver como é que olha são os carrega
aqui ó passou para um ponto você já deve
ter visto aí né um ponto vírgula 64 tá
vamos aqui a área de trabalho Olha só
ele até muda aqui o ícone tá E só vai
aparecer lá no site na hora que fica
para ver tem que clicar porque ele é
tipo um código matemático tá olha só vou
clicar aqui ó em mais propriedades e
olha só o tamanho cara tamanho de
1,63 kbytes Olha só isso aqui ó olha só
essa redução entendeu detalhes Olha só
esse aqui tá com o queixo vê deixa eu
ver detalhes Cadê o tamanho dessa imagem
meu Deus deixa eu ver aqui deixa eu
passar a mão em cima essa aqui tem 10 KB
passou para
1,1,00 é deixa eu nem sei mais passou da
minha cabeça 1,00 alguma coisa 1,63 olha
só a redução então cada arquivo você vai
ter que fazer com a conversão a
compreensão da forma correta E com isso
você usa svg e para png você usa é o
time png tá para imagens e para JPEG
você faz isso aqui beleza agora você já
sabe comprimir as imagens já sabe
comprimir os ícones agora a gente vai
para outra parte bem interessante tá
olha só que legal o que que faz a loja
geralmente na loja na Shop Fight ficar
pesada são os códigos desnecessários
aplicativos desnecessários dentro do
tema então o que que você tem que fazer
para deixar isso otimizado geralmente
Você vai precisar de um programador para
mexer nos códigos caso você não tenha
conhecimento agora nos aplicativos você
pode mexer naturalmente tá E no final eu
vou te falar outra coisa que também que
influencia demais um tempo de
carregamento olha só que legal você vai
entrar aqui ó deixou aqui procurar aqui
aplicativos
meus aplicativos configurações
aplicativos aqui vai aparecer todos os
aplicativos que estão instalados dentro
da sua loja da shopf dentro dessa
plataforma esse daqui é um dos é um dos
principais recorrentes os principais
fatores que fazem que sua loja fique
mais lenta aplicativos excessivos tá
porque porque cada aplicativo ele joga
um código dentro da sua loja e quanto
mais códigos mais conteúdo para o
navegador vai ler então isso vai
acarretar para ficar mais tempo ainda
então remove todos os aplicativos
desnecessários tem clientes nosso que
vem atrás da gente construir as lojas
deles quando a gente vai fazer assim uma
análise de toda a loja para para
aumentar a performance tem uma porrada
de aplicativos desnecessáriamente
instalados aqui então deixe somente o
que é
essencial por exemplo Esse chrispim é um
chat de atendimento translation isso
aqui nem precisa de ti pode até tirar
daqui tá você quer desnecessário loja
virtual é onde é um canal de vendas que
a loja normal tal onde vai mostrar para
o cliente do Câncer essa aqui é um
cancelado feminino
posso tirar aqui e o dizes AliExpress é
onde vai fazer o processamento de
pedirdes esse aqui é essencial é
fundamental tá isso aqui também não
carrega que ele é bem simples e é uma
coisa bem básica lá então pronto deixa
Limpo o máximo possível deixa só o
essencial esse aqui já vai aumentar
demais é o nível de carregamento da sua
loja outra coisa que você vai fazer para
aumentar o carregamento da sua loja já
tô ficando rouco para fechar com chave
de ouro para você entender que uma coisa
que a gente perceber que é ao longo do
nosso trabalho contra Happy chip o que
mais acarreta é só no checkout
transparentes é coisa assim surreal é
coisa de tá na nota a e para nota B
Então você vai ter que fazer testes hoje
a gente tem vários check-out
transparentes no mercado tenho até do
Mercado Pago tem da iamp a cartpada que
faz mais famosos Adorei e tem vários
outros então o que que acontece você vai
ter que testar um que a gente eu não vou
falar aqui pode até falar a gente pode
falar da empresa do da empresa do
cliente mas a gente percebeu que tem
alguns check out transparentes que
acabam é acarretando no tempo de
carregamento da loja tá então você vai
ter que fazer o teste ver qual o melhor
chegar aos transparente e também a
performa das vendas que tá carregando no
carregamento lembrando no carregamento é
fundamental para que você tenha uma
excelente performance na sua loja tá por
isso fique muito atento a essa questão
porque isso vai fazer você tipo tá
faturando 10 mil para faturar 40 mil
Porque quanto mais pessoas entrar na sua
loja e tem uma péssima experiência de
compra elas vão desistir não querer mais
voltar agora uma pessoa que entrou na
sua loja ela teve uma excelente
experiência começou a aplicar nos botões
procurar pelos produtos tudo carregando
instantaneamente rápido ali tem mais
experiência isso vai fazer aquela volte
a comprar e tem uma ótima experiência de
compra as pessoas hoje que elas estão
acostumadas já com velocidade as pessoas
estão no ritmo muito rápido por exemplo
quando você entra numa loja do Mercado
Livre no aplicativo Você tem uma
experiência maravilhosa porque ela é
tudo pensado para que o cliente tenha
uma experiência de compra excelente eu
convido você e tal por exemplo na nossa
loja kisuban para você ver a velocidade
que é simplesmente entrar aqui entendeu
Por exemplo Você clicou aqui ó é
carregamento instantâneo o cliente tem
as informações essenciais aqui por
exemplo ele Ah ele entrou aqui eu quero
comprar este produto olha só que legal
eu quero comprar um produto esse aqui aí
ele começa a Navegar aqui ah ele percebe
que ele pode comprar outro produto
similares juntos então você tem que
trazer essa experiência de compra para o
cliente entendeu É por isso que é
fundamental você simplesmente analisar
todos esses detalhes na sua operação de
dropship lembre-se os detalhes fazem
toda a diferença e são os detalhes que
separam os profissionais dos amadores tá
me segue nas redes sociais são ads se
inscreve aqui deixa qualquer comentário
uma dúvida que ficou aqui sobre este
vídeo E será um prazer poder te ajudar
sempre fique com Deus um forte abraço e
valeu
Посмотреть больше похожих видео
Waarom 95% Faalt Met Dropshipping (En Hoe Jij Kan Winnen)
$0 TO $1,000+ in 7 DAYS with Shopify Dropshipping
Why Learning Fast Leads to Bad Grades
How To Build A BRANDED Shopify Dropshipping Business.
How To DropShip With $0 | FREE Shopify Dropshipping Course
How To Start Dropshipping in 2024 (High-Ticket)
5.0 / 5 (0 votes)