Mobile Website Optimization Guide

Testing Mobile Compatibility:

• Access your site on a mobile device or use device preview feature
• For Intuitive Editor users: arrange content specifically for mobile layout
• Run the Mobile Compatibility Test to assess performance

Essential Size Guidelines:

• Keep pages under 5 MB for optimal loading
• Large pages may overwhelm mobile devices using cellular networks
• Loading times vary by device and connection type

Key Design Recommendations:

• Set letter spacing to 0px or greater to prevent text overlap
• Avoid relying on Spacer Blocks, as they often hide on mobile
• Adjust spacing settings instead of using multiple Spacer Blocks

Mobile-First Best Practices:

• Enable mobile styles for stacked layout navigation
• Minimize content per page
• Optimize media file sizes
• Consider wireless vs. cellular network performance

Version-Specific Settings:

Version 7.1:

• Adjust letter spacing in the "Fonts" panel
• Select font format and set spacing ≥ 0px

Version 7.0:

• Check Site Styles panel for proper letter spacing
• Ensure "Disable mobile styles" is unchecked in Template Settings

Additional Considerations:

• Different mobile devices handle websites differently
• Newer smartphones manage large websites better
• Wireless networks typically offer faster loading than cellular
• Regular testing on various devices ensures consistent performance

To optimize further, focus on:

• Reducing page sizes for faster loading
• Maintaining clean, minimalist layouts
• Testing regularly across different devices
• Monitoring mobile performance metrics

These adjustments will help create a smooth, efficient mobile experience for your website visitors.

Related Articles

Previous Articles