You are browsing:
Development Hot Tips
Landing Page lessons related to the development process. When you are further with your build, kick off the Landing Page Development Checklist.

Replace GIFs with video

Hot Tip #31 is to replace those demo GIFs with video.

Video offers:

⚡️ Better performance
🎨 More colors
🍃 Less file size
👆 Ability to pause

The argument for using GIFs is that they are easier to produce and save. Neither are reasons to use them in your Landing Page.

  • ImageOptim – My go-to for GIF filesize optimization if GIF is your only option.
  • Screenflow – My favorite screen recording tool I probably use every day. Exports to GIF and lite-sized MP4 (used in this book) for Landing Pages.
  • HandBrake – Excellent free tool to reduce video file size while still maintaining good quality.

Run a regular speed test

Hot Tip #34 is to run a regular speed test.

Speed tests can highlight excessive use of fonts, images or scripts in your Landing Page.

Here are my go-to tools:

⚡️ Google PageSpeed Insights
⚡️ Pingdom Speed Test

The poor results can act as a to-do-list and even a fun optimization game if you allow it.

Code your own social share buttons

Hot Tip #41 is to code your own social share buttons.

Embedding a crowd of social share buttons adds unnecessary requests to your Landing Page load.

I’d vote for removing them completely. If you must have them, consider hard-coding the buttons with fun pre-composed text.

Mamma mia! This free set of restaurant icons by @iconfinder is deeelicious 🍕

  • Share Link Creator – My go-to-tool for populating social share links in my Landing Pages. I used this tool for the links below this. Kick off the Tweet link to see it in action.

Add Open Graph meta tags

Hot Tip #42 is to add Open Graph meta tags.

These tags add images — plus text alongside them — to Landing Page links shared on social media.

Simply put, meta tags with optimized links are clicked more than those without them. 15 minutes invested here is worth it.

This is what the Hot Tips Landing Page looks like when shared on Twitter. Note the additional ‘Subscribe Free’ I added to the description to answer the potential doubt:

Meta Tag Preview
  • Metatags.io – A great tool to generate them and to see how your Landing Pages look on all platforms.

The end.

There are no more Hot Tips to load in this archive.

Next