Site Performance: Optimizing Your Media
While images and videos are a great way to engage site visitors, they can impact loading time. By optimizing media, you can easily enhance your pages' performance and ensure a smoother experience for visitors.Learn more about:
Displaying images on your site Organizing your galleries Optimizing videos on your siteDisplaying images on your siteYou can use images to display content such as products, art, and much more. When using images across your site, keep the quality, size, and format in mind to ensure your pages load as fast as possible. Click an option below to learn more about optimizing images for performance:Choose the correct media format
Images: JPEGs are better optimized for web, so unless you need transparency in your image, we recommend choosing JPEG over PNG. This is because JPEG images are smaller in download size, while also being of a similar quality.  SVG images: SVG graphics, also known as vector art, differs from more widespread raster image formats in that they use mathematical equations instead of a pixel grid for drawing graphics. This makes them lighter, which ensures they load at a higher speed than other image formats. It also means that resizing the image will not affect its quality or sharpness. We recommend using vector art for decorative shapes or business logos. Learn More  GIFs: While GIFs used to be a very popular format for showcasing animated content, modern video encoding formats have both better quality and smaller size, therefore video files are preferred to GIF animations. You can place videos inside VideoBoxes. These elements even support transparent videos.Upload the best image qualityYou should upload the best possible quality images that you can and we will optimize them to the exact dimensions displayed on the screen, without any loss of quality. For best results, upload images of at least 2560 X 1440 pixels in resolution. Compress large imagesWix automatically optimizes your images for best online quality and fast download. This means that, unless your file is over 25MB, you do not need to resize or compress it before uploading. Divide large background images into sectionsSite pages can frequently be several screens long. Background images of this size take a long time to load, and can cause a delay. We recommend splitting these background images into sections that are roughly the same length of a screen. This gives the other images time to load as visitors scroll down your page. Note:When you upload an image to your site, it is automatically converted to WebP format, as it's better optimized for site performance.Organizing your galleriesWix offers a variety of stunning galleries in different layouts for you to showcase your media.  We recommend keeping the number of galleries, items, and placement in mind when using galleries on your site.Click an option below to learn more about optimizing galleries:Number of galleriesGalleries are optimized to showcase multiple media files at once. We recommend having one gallery with several media items per page, as opposed to multiple galleries with less items. This is because having too many elements on a single page (even if the elements are identical) can affect site performance.Number of itemsWhile galleries can handle a large amount of content inside them, showcasing a lot of media at once can affect page performance. We recommend enabling a "Load More" button, as it will give your images time to load while also encouraging interaction from your site visitors. Learn MoreGallery placementWe recommend that your gallery is placed below the fold of the page (the section visitors can't see without scrolling). This improves page performance, while drawing your visitors' attention to your site's main message. As the content above the fold is loaded first, moving your gallery down ensures that your visitors have valuable content to read while the rest of your site loads.Optimizing videos on your siteWix offers several media players for your videos, so you can display valuable content such as music videos, vlogs, or promotional films. You can optimize your videos for performance by being mindful of the number of videos, and the types of players displayed on your pages.  Click an option below to learn more about optimizing videos on your Wix site:Single Video PlayerVideos that are embedded in the Single Video Player (Youtube, Vimeo, Dailymotion, Facebook), are iframes and the content delivered is not coming from the Wix servers. This means Wix cannot optimize it. This doesn’t mean that you shouldn't use them; but we recommend avoiding overuse of them on your page, especially above the fold.Number of videosIt's best not to have more than one video on your page. If you do want to display more than one video, we recommend the following:
Display multiple videos using Wix Video. This element is designed for showcasing multiple media files at once. Display only one video on your homepage, and add a button such as “See All Videos” or “See More” that links to multiple videos located on a separate page of your site. This will encourage site visitors to explore your site’s content, and will also keep your homepage clean and organized, with great performance.