This article provides an overview of the steps involved in integrating TwicPics into your site or application, as well as key documentation resources to help you get there.
Planning & ressources
TwicPics is a developer tools for frontend developers. Therefore it require basic HTML & CSS knowledge to be integrated.
Discover TwicPics by reading our introduction and fundamentals.
Read our Quick start guide and use our documentation to get familiar with product.
Check our blog and best practices for higher-level implementations.
Enterprise plan: Optimize your TwicPics integration by sharing your plan to your dedicated Customer Success Engineer. We'll understand your specific needs, provide tailored recommendations, and offer insights from similar use cases.
Technical implementation steps
Setup your image source(s) (5min / back-end)
Sign up For a TwicPics account and start connecting TwicPics to your storage(s) where are stored your HD images and videos you want to optimize.
Development (1 to many days / front-end)
It exist different ways to integrate TwicPics depending on your technical stack:
TwicPics components bring image & videos best-practices out-of-the-box to your favorite framework.
If you're not using a framework, the TwicPics vanilla JS script will help you enable lazy loading and automatic, dynamic image sizing with just a few changes to your HTML code.
💡 When using the script or the components, the API request is generated using your browser context. But in some cases, you might want to write the API requests yourself.
The API is relevant for optimizing LCP images, for integrating TwicPics on non-web environments where JS is not supported (ie: native mobile applications), or when you want to integrate TwicPics quickly with a more basic level of optimization.TwicPics provide specific integrations for WordPress and Akeneo.
Additional ressources to help during development:
Pre-deployment
Before going live, make sure to consult our code review checklist.
We also advise you to measure the performances of your website (weight of your images in your page) using online performance measurement tools such as Quanta, Webpagetest, Page Speed Insights, GTmetrix...
Deployment and monitoring
24 hours after going live, you will be able to consult your first usage statistics in TwicPics back-office.
A second measurement of your site's performance will enable you to see the improvements you've made using TwicPics. 🎉
For customers on Enterprise plans, please coordinate with your customer Success Engineer a few days in advance of the deployment, to receive optimal support.