Animations

This setting allows you to enable animation effects and image lazy loading for sections as they enter the viewport. By using these features appropriately, you can enhance the page's visual appeal and improve loading performance.

Settings Description

1. Reveal Sections on Scroll

   When this option is enabled, sections on the page will automatically trigger and display preset animation effects as they enter the user’s viewport.

   • Purpose: Enhances the page's dynamic presentation, attracts user attention, and improves interactivity and browsing fluidity.

   • Note: Excessive use of animation effects may consume additional system resources, especially on pages with a lot of animations, which could affect loading performance.

2. Enable Image Lazy Loading

   When this option is enabled, images on the page will only load when users scroll to their viewport area.

   • Purpose: Optimizes page loading speed, reduces initial loading resource consumption, and is particularly useful for pages with many images.

   • Options: Pixel (more 3C-oriented), Breath (more visually universal).

   • Note: Images may experience slight loading delays as users scroll. It is recommended to plan the layout of critical visual areas carefully to avoid a negative impact on user experience.

Usage Recommendations

• Enhance User Experience: Combine animation effects and image lazy loading effectively to create a visually appealing and smooth browsing experience.

• Resource Management: Balance the use of animations and lazy loading based on actual needs to prevent performance issues and ensure fast page loading.

• Reduce Conflicts: Avoid overusing animation effects and lazy loading on the same page to prevent performance bottlenecks or user confusion.