3 Tips to Make Your Blog Posts Faster and Rank Better
Page speed is a ranking factor with Google. The main purpose (usually) for blog posts is to get organic traffic.
Higher ranking = more organic traffic.
Let’s get them blog posts crankin!
Shopify Housekeeping – Annual Checkup for Security, Strategy, Content
Product design, marketing, and stacking revenue – I’d say these are the fun part of building an ecommerce business.
But let’s not forget about the things that work to solidify your foundation and strengthen your business 💪
Things like:
- Backing up your store and products
- Disconnecting old accounts
- Content review
- Passwords update
- Branding upgrade
- Performance analysis
- App evaluation
- Finances
Let’s call this an Annual Checkup to optimize your business… or a reminder to keep your store secure.
(more…)
AMP Guide for Shopify | Easy Way to Make Your Site Faster + Boost SEO
In This Guide
- Quick Start
- What is AMP?
- Why it’s Awesome
- What Pages Should I AMP?
- How to Add AMP to Shopify
- Before / After Stats and Case Studies
- AMP FAQ
- Summary, Next Steps
🚀 Quick Start
If you already know about AMP and came here looking for Speed Boostr’s recommendation for the best Shopify AMP app, I’ll save you the read time, it’s AMP by Shop Sheriff.
Getting started:
(more…)
Shopify Liquid Lesson: Auto Minifying CSS
CSS and Minification
CSS (Cascade Styling Sheets) are files that control the style of your website by connecting style properties to html elements.
Like this:
In Shopify, you’ll find CSS files in your theme Assets folder.
What is minification?
CSS are text files. Minification compresses the text by removing extra characters like spaces and comments, and combining common styles.
This makes the file size smaller. When your files are lighter they transfer faster, which helps your site load faster.
The Challenge
You want to compress your files, but you also want them to be readable so you can edit and make updates.
No worries, Shopify has a technique that compresses your human readable CSS files into minified files on the server.
How to Minify Your Shopify CSS Files
(more…)
How to Use Vector Graphics to Make Your Site Faster and Cooler
In this article:
- What is a vector graphic
- Examples of vector (SVG) vs non-vector (JPG, PNG)
- How to make/use an SVG (vector graphic for websites)
What is a vector graphic?
Vectors are lightweight scalable digital art graphics, meaning they can be sized up without losing resolution or pixelating (as opposed to a jpg or png which gets blurry when you make it larger).
The art files are created using lines and math instead of individual pixels or bitmaps.
SVG is a type of vector graphic used for the web. SVG = Scalable Vector Graphic.
Here’s why SVG’s are awesome:
- The image is sharper
- They’re usually lighter (faster loading)
- They can scale to any size without becoming blurry or losing resolution