EasyPageGO
Get Your Docs

Images and Videos

The Image and Video components in EasyPageGO enables you to enrich your documentation with multimedia elements. While this version does not support hosting images and videos directly on the EasyPageGO platform, you can integrate media from external sources.

Image

It is possible to add the image through the menu and configure the following attributes:

  • Source (src): Specify the URL of your image.
  • Alternative Text (alt): Provide descriptive text for accessibility and SEO purposes.
  • Width: Set the width of the image; the height will be automatically calculated to maintain the aspect ratio. Knowing the dimensions in advance can significantly improve the Cumulative Layout Shift (CLS) of your page.
  • Caption (optional): Add a caption that will be displayed beneath the image for additional context.
alternative text

Browser optimization

Additionally, EasyPageGO automatically adds the attributes loading="lazy" and decoding="async" to image elements.

  • loading lazy: This attribute allows images to load only when they are visible in the user's browser window. This reduces the initial loading time of the page and enhances the user experience, especially on mobile devices, as images that are not immediately needed are loaded only when the user scrolls to them.
  • decoding async: This attribute enables the browser to decode images asynchronously, further improving page performance. With decoding="async", the browser can continue processing other resources while decoding the image, reducing wait times and contributing to a smoother loading experience.

Future Enhancements

We are thrilled to announce that future updates will include automatic processing for images and videos. This upcoming feature will optimize your media by generating multiple formats and sizes, enhancing both the reader experience and your SEO performance.

The image and video preprocessing upgrade will be automatically available to all users, including those who purchase EasyPageGO now. You won’t need to take any additional steps to benefit from these enhancements when they are released.

Thank you for being part of the EasyPageGO community!

Video

Once again, through the menu it is possible to add a video. The following attributes are controllable.

  • Source (src): Specify the URL of your image.
  • Alternative Text (alt): Provide descriptive text for accessibility and SEO purposes.
  • Width: Set the width of the image; the height will be automatically calculated to maintain the aspect ratio. Knowing the dimensions in advance can significantly improve the Cumulative Layout Shift (CLS) of your page.
  • Autoplay: The video automatically begins to play back as soon as it can without stopping to finish loading the data.
  • Loop: The browser will automatically seek back to the start upon reaching the end of the video.
  • Muted: If set, the audio will be initially silenced.
  • Controls: The browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.