Skip to content

Performance tips

The TyleIQ platform is built for speed. Learn about the ways we achieve this, and how you can improve the customer experience for your audience.

Fast is good

Think of a website as the digital front door to your content, online store, and contact information. Website speed is how quickly that door opens for your visitors. Every extra moment of web page load time is another chance for someone to abandon their visit.

Here at TyleIQ, speed and performance are the fundamental principles behind every engineering decision we make. There are a few things that you can do, too.

Image optimization

When you create image-based Tyles, the image files you use are very important. Basically, optimized images will load faster and provide a better user experience. Here are a few suggestions that can really go a long way:

  • Compress: Before uploading any image, use a tool like Photoshop or Swoosh to reduce the file size without a noticeable loss in quality. This is the single most effective thing you can do.
  • Resize: Similarly, use your favorite editing tool to crop and resize your images so they fit inside the space that you need. For example, if your image is 1024×768, it simply won’t fit inside a 300×300 Tyle.
  • Format: Whenever possible, save your images using a next-gen format like WebP. It offers superior compression compared to traditional formats, resulting in much smaller file sizes. PNG and JPEG are also good options.

If image optimization isn’t your thing, that’s totally fine. When you upload an image, we’ll automatically add our secret sauce to make it load fast.

Clean code

When you create HTML-based Tyles, we recommend using clean, well-structured, and error-free code.

If you’re not a web developer, just ask your favorite AI tool to generate some HTML code for you. AI tools will provide clean and streamlined code that you can simply copy-paste into a Tyle.

When entering HTML code into a Tyle, you only need to enter the content block itself. You can skip all of the other stuff that goes into a complete HTML page – such as the <html>, <head>, <body>, and <footer> tags. For example:

<!-- Example HTML Tyle -->
<p>The content of your Tyle looks something like this when coded in HTML. You can use certain tags to make text look <strong>bold</strong>, and you can also create links that invite people to <a href="https://tyleiq.com">click through to your website</a>.</p>