{"id":91,"date":"2026-03-04T09:09:52","date_gmt":"2026-03-04T09:09:52","guid":{"rendered":"https:\/\/versana.codoplex.com\/productivity-tips\/"},"modified":"2026-03-05T16:56:32","modified_gmt":"2026-03-05T16:56:32","slug":"optimize-versana-performance","status":"publish","type":"post","link":"https:\/\/versana.codoplex.com\/versana-blog\/2026\/03\/04\/optimize-versana-performance\/","title":{"rendered":"Optimize Versana Performance: Get 90+ PageSpeed Scores Without Plugins"},"content":{"rendered":"\n<p>Learn to optimize Versana theme for maximum performance. Built-in lazy loading, lightweight code, and speed best practices. No extra plugins needed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Performance Matters<\/h2>\n\n\n\n<p>Your website&#8217;s loading speed affects everything:<\/p>\n\n\n\n<p><strong>User Experience<\/strong>: 53% of visitors leave if a page takes longer than 3 seconds to load.<\/p>\n\n\n\n<p><strong>SEO Rankings<\/strong>: Google considers page speed a ranking factor. Faster sites rank higher.<\/p>\n\n\n\n<p><strong>Conversions<\/strong>: A 1-second delay in page load can reduce conversions by 7%.<\/p>\n\n\n\n<p><strong>Mobile Users<\/strong>: Mobile users are even less patient. Speed is critical for mobile traffic.<\/p>\n\n\n\n<p>The good news? Versana is built for speed from the ground up. With a few simple optimizations, you can achieve 90+ PageSpeed scores easily.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Versana&#8217;s Performance Features<\/h2>\n\n\n\n<p>Versana includes built-in optimizations:<\/p>\n\n\n\n<p><strong>Lightweight Code<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pure CSS, minimal JavaScript<\/li>\n\n\n\n<li>No jQuery dependency<\/li>\n\n\n\n<li>Clean, efficient code<\/li>\n\n\n\n<li>Under 100KB total theme files<\/li>\n<\/ul>\n\n\n\n<p><strong>Native WordPress<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>No page builder bloat<\/li>\n\n\n\n<li>Uses WordPress core features<\/li>\n\n\n\n<li>Leverages block editor efficiency<\/li>\n\n\n\n<li>No third-party dependencies<\/li>\n<\/ul>\n\n\n\n<p><strong>Optimized Assets<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Minified CSS<\/li>\n\n\n\n<li>Concatenated files<\/li>\n\n\n\n<li>Async loading where appropriate<\/li>\n\n\n\n<li>No render-blocking resources<\/li>\n<\/ul>\n\n\n\n<p><strong>Smart Loading<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lazy loading images (built-in)<\/li>\n\n\n\n<li>Progressive enhancement<\/li>\n\n\n\n<li>Mobile-first approach<\/li>\n\n\n\n<li>Optimized font loading<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Enable Versana&#8217;s Optimization Features<\/h2>\n\n\n\n<p>Versana Companion plugin adds optimization options:<\/p>\n\n\n\n<p><strong>Accessing Optimizations<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Appearance \u2192 Theme Options<\/li>\n\n\n\n<li>Click &#8220;Optimizations&#8221; tab<\/li>\n\n\n\n<li>You&#8217;ll see performance settings<\/li>\n<\/ol>\n\n\n\n<p><strong>Lazy Loading Images<\/strong>: This feature delays loading images until they&#8217;re needed:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Check &#8220;Enable lazy loading for images&#8221;<\/li>\n\n\n\n<li>Click &#8220;Save Settings&#8221;<\/li>\n\n\n\n<li>All images now load only when scrolling into view<\/li>\n<\/ol>\n\n\n\n<p><strong>How it helps<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Faster initial page load<\/li>\n\n\n\n<li>Reduced bandwidth usage<\/li>\n\n\n\n<li>Better mobile performance<\/li>\n\n\n\n<li>Improved PageSpeed scores<\/li>\n<\/ul>\n\n\n\n<p><strong>Technical details<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uses WordPress native lazy loading<\/li>\n\n\n\n<li>No JavaScript required<\/li>\n\n\n\n<li>Works with all images automatically<\/li>\n\n\n\n<li>Compatible with all browsers<\/li>\n<\/ul>\n\n\n\n<p><strong>Note<\/strong>: Lazy loading is enabled by default in Versana. Keep it on for best performance!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image Optimization Best Practices<\/h2>\n\n\n\n<p>Images are usually the biggest performance bottleneck. Here&#8217;s how to optimize them:<\/p>\n\n\n\n<p><strong>Before Uploading<\/strong>:<\/p>\n\n\n\n<p><strong>1. Resize Images<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Don&#8217;t upload 4000px images for 800px displays<\/li>\n\n\n\n<li>Hero images: 1920\u00d71080 max<\/li>\n\n\n\n<li>Featured images: 1200\u00d7675 max<\/li>\n\n\n\n<li>Thumbnails: 600\u00d7400 max<\/li>\n<\/ul>\n\n\n\n<p><strong>2. Compress Images<\/strong> Use these free tools:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>TinyPNG.com (easy, effective)<\/li>\n\n\n\n<li>Squoosh.app (Google&#8217;s tool)<\/li>\n\n\n\n<li>ImageOptim (Mac app)<\/li>\n\n\n\n<li>GIMP (free Photoshop alternative)<\/li>\n<\/ul>\n\n\n\n<p>Target file sizes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hero images: &lt;500KB<\/li>\n\n\n\n<li>Featured images: &lt;200KB<\/li>\n\n\n\n<li>Thumbnails: &lt;100KB<\/li>\n<\/ul>\n\n\n\n<p><strong>3. Choose Right Format<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Photos: JPG (smaller file size)<\/li>\n\n\n\n<li>Graphics with transparency: PNG<\/li>\n\n\n\n<li>Modern browsers: WebP (best compression)<\/li>\n\n\n\n<li>Avoid: BMP, TIFF (too large)<\/li>\n<\/ul>\n\n\n\n<p><strong>After Uploading<\/strong>:<\/p>\n\n\n\n<p><strong>4. Install Image Optimization Plugin<\/strong> Recommended free plugins:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Smush<\/strong> &#8211; Easy, popular, free tier sufficient<\/li>\n\n\n\n<li><strong>EWWW Image Optimizer<\/strong> &#8211; Advanced, powerful<\/li>\n\n\n\n<li><strong>ShortPixel<\/strong> &#8211; Great compression, free tier<\/li>\n<\/ul>\n\n\n\n<p>These plugins:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Automatically optimize new uploads<\/li>\n\n\n\n<li>Can bulk-optimize existing images<\/li>\n\n\n\n<li>Create WebP versions<\/li>\n\n\n\n<li>Resize large images<\/li>\n<\/ul>\n\n\n\n<p><strong>5. Use Appropriate Sizes<\/strong> WordPress creates multiple image sizes. Use them:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Full size: Hero sections only<\/li>\n\n\n\n<li>Large (1024px): Featured images<\/li>\n\n\n\n<li>Medium (300px): Thumbnails<\/li>\n\n\n\n<li>Thumbnail (150px): Tiny previews<\/li>\n<\/ul>\n\n\n\n<p>In the block editor, select appropriate size:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click image<\/li>\n\n\n\n<li>Right sidebar \u2192 &#8220;Image size&#8221;<\/li>\n\n\n\n<li>Choose &#8220;Large&#8221; or &#8220;Medium&#8221;<\/li>\n\n\n\n<li>Never use &#8220;Full&#8221; unless necessary<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Caching Strategy<\/h2>\n\n\n\n<p>Caching stores copies of your pages so they load instantly:<\/p>\n\n\n\n<p><strong>Browser Caching<\/strong>: Versana sets proper cache headers automatically. No action needed.<\/p>\n\n\n\n<p><strong>Page Caching Plugin<\/strong>: Install one of these:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WP Rocket<\/strong> (Premium, $49\/year, easiest)<\/li>\n\n\n\n<li><strong>WP Super Cache<\/strong> (Free, by Automattic)<\/li>\n\n\n\n<li><strong>W3 Total Cache<\/strong> (Free, advanced)<\/li>\n\n\n\n<li><strong>LiteSpeed Cache<\/strong> (Free, if on LiteSpeed server)<\/li>\n<\/ul>\n\n\n\n<p><strong>Basic WP Super Cache Setup<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Install and activate WP Super Cache<\/li>\n\n\n\n<li>Go to Settings \u2192 WP Super Cache<\/li>\n\n\n\n<li>Click &#8220;Caching On&#8221;<\/li>\n\n\n\n<li>Choose &#8220;Simple&#8221; mode<\/li>\n\n\n\n<li>Save changes<\/li>\n<\/ol>\n\n\n\n<p><strong>That&#8217;s it!<\/strong> Your pages now load 5-10x faster.<\/p>\n\n\n\n<p><strong>Advanced Caching (WP Rocket)<\/strong>: If you use WP Rocket:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Enable page caching \u2713<\/li>\n\n\n\n<li>Enable cache preloading \u2713<\/li>\n\n\n\n<li>Enable GZIP compression \u2713<\/li>\n\n\n\n<li>Enable lazy loading \u2717 (Versana has this)<\/li>\n\n\n\n<li>Enable minification \u2713<\/li>\n\n\n\n<li>Enable database optimization \u2713<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Font Loading Optimization<\/h2>\n\n\n\n<p>Fonts can slow down your site. Versana uses system fonts by default (fastest option), but if you add custom fonts:<\/p>\n\n\n\n<p><strong>System Fonts (Default)<\/strong>: Versana uses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>System Sans-serif (default)<\/li>\n\n\n\n<li>System Serif (optional)<\/li>\n\n\n\n<li>System Monospace (code)<\/li>\n<\/ul>\n\n\n\n<p>These are instant because they&#8217;re already on user&#8217;s device.<\/p>\n\n\n\n<p><strong>If Using Custom Fonts<\/strong>:<\/p>\n\n\n\n<p><strong>Google Fonts<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Limit to 2 fonts max<\/li>\n\n\n\n<li>Limit to 2-3 font weights<\/li>\n\n\n\n<li>Use font-display: swap<\/li>\n\n\n\n<li>Preload critical fonts<\/li>\n<\/ol>\n\n\n\n<p><strong>Self-Hosted Fonts<\/strong>: Better for performance:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Download fonts from Google<\/li>\n\n\n\n<li>Upload to your server<\/li>\n\n\n\n<li>Use CSS @font-face<\/li>\n\n\n\n<li>Serve from your domain (faster)<\/li>\n<\/ol>\n\n\n\n<p><strong>Font Loading Code<\/strong>: Add to Custom CSS (Theme Options \u2192 Advanced):<\/p>\n\n\n\n<p>css<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@font-face {\n  font-family: 'Your Font';\n  src: url('\/wp-content\/uploads\/fonts\/your-font.woff2') format('woff2');\n  font-display: swap;\n}<\/code><\/pre>\n\n\n\n<p><strong>font-display: swap<\/strong> is key &#8211; shows text immediately with system font, then swaps when custom font loads.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Minimize Plugin Usage<\/h2>\n\n\n\n<p>Every plugin adds code, database queries, and potential conflicts:<\/p>\n\n\n\n<p><strong>Essential Plugins Only<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Security (Wordfence or Sucuri)<\/li>\n\n\n\n<li>Backup (UpdraftPlus or BackWPup)<\/li>\n\n\n\n<li>SEO (Yoast or RankMath)<\/li>\n\n\n\n<li>Caching (WP Rocket or WP Super Cache)<\/li>\n\n\n\n<li>Image Optimization (Smush or ShortPixel)<\/li>\n\n\n\n<li>Contact Form (WPForms or Contact Form 7)<\/li>\n<\/ul>\n\n\n\n<p><strong>Avoid<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Page builders (you have Site Editor!)<\/li>\n\n\n\n<li>Duplicate functionality<\/li>\n\n\n\n<li>Plugins you don&#8217;t actively use<\/li>\n\n\n\n<li>&#8220;All-in-one&#8221; mega plugins<\/li>\n\n\n\n<li>Abandoned plugins (not updated in 2+ years)<\/li>\n<\/ul>\n\n\n\n<p><strong>Audit Your Plugins<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Plugins \u2192 Installed Plugins<\/li>\n\n\n\n<li>Deactivate ones you don&#8217;t use<\/li>\n\n\n\n<li>Delete deactivated plugins<\/li>\n\n\n\n<li>Check update dates<\/li>\n\n\n\n<li>Research alternatives for slow plugins<\/li>\n<\/ol>\n\n\n\n<p><strong>Pro Tip<\/strong>: Use Query Monitor plugin temporarily to see which plugins slow your site. Remove the worst offenders.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Database Optimization<\/h2>\n\n\n\n<p>Over time, your database accumulates junk:<\/p>\n\n\n\n<p><strong>Manual Cleanup<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Posts \u2192 All Posts<\/li>\n\n\n\n<li>Empty Trash<\/li>\n\n\n\n<li>Go to Pages \u2192 All Pages<\/li>\n\n\n\n<li>Empty Trash<\/li>\n\n\n\n<li>Go to Comments<\/li>\n\n\n\n<li>Delete spam comments<\/li>\n\n\n\n<li>Empty comment Trash<\/li>\n<\/ol>\n\n\n\n<p><strong>Automated Cleanup<\/strong>: Use WP-Optimize plugin (free):<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Install and activate WP-Optimize<\/li>\n\n\n\n<li>Go to WP-Optimize \u2192 Database<\/li>\n\n\n\n<li>Select:\n<ul class=\"wp-block-list\">\n<li>Post revisions \u2713<\/li>\n\n\n\n<li>Auto-drafts \u2713<\/li>\n\n\n\n<li>Trashed posts \u2713<\/li>\n\n\n\n<li>Spam comments \u2713<\/li>\n\n\n\n<li>Transient options \u2713<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click &#8220;Run optimization&#8221;<\/li>\n<\/ol>\n\n\n\n<p><strong>Schedule automatic cleanups<\/strong>: Weekly is good.<\/p>\n\n\n\n<p><strong>Don&#8217;t optimize<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Leave &#8220;Optimize database tables&#8221; unchecked first time<\/li>\n\n\n\n<li>Don&#8217;t delete all post revisions (keep 3-5)<\/li>\n\n\n\n<li>Be careful with custom tables<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">CDN Setup (Optional But Powerful)<\/h2>\n\n\n\n<p>A CDN (Content Delivery Network) serves your files from servers worldwide:<\/p>\n\n\n\n<p><strong>Benefits<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Faster loading globally<\/li>\n\n\n\n<li>Reduced server load<\/li>\n\n\n\n<li>Better for traffic spikes<\/li>\n\n\n\n<li>Improved reliability<\/li>\n<\/ul>\n\n\n\n<p><strong>Free CDN Options<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cloudflare<\/strong> (best free option)<\/li>\n\n\n\n<li><strong>BunnyCDN<\/strong> ($1\/month, faster)<\/li>\n\n\n\n<li><strong>KeyCDN<\/strong> (pay as you go)<\/li>\n<\/ul>\n\n\n\n<p><strong>Cloudflare Setup (15 minutes)<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Sign up at cloudflare.com<\/li>\n\n\n\n<li>Add your website<\/li>\n\n\n\n<li>Update nameservers at your domain registrar<\/li>\n\n\n\n<li>Wait for activation (5-24 hours)<\/li>\n\n\n\n<li>Enable &#8220;Auto Minify&#8221; for HTML, CSS, JS<\/li>\n\n\n\n<li>Enable &#8220;Brotli&#8221; compression<\/li>\n\n\n\n<li>Set cache level to &#8220;Standard&#8221;<\/li>\n<\/ol>\n\n\n\n<p><strong>After Cloudflare setup<\/strong>: Your site serves from edge locations worldwide. Visitors in Australia load from Australian servers, not your US host.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hosting Matters<\/h2>\n\n\n\n<p>Your hosting provider affects performance more than any optimization:<\/p>\n\n\n\n<p><strong>Minimum Requirements<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PHP 8.0+ (check at Tools \u2192 Site Health)<\/li>\n\n\n\n<li>MySQL 5.7+ or MariaDB 10.3+<\/li>\n\n\n\n<li>HTTPS enabled<\/li>\n\n\n\n<li>HTTP\/2 support<\/li>\n\n\n\n<li>Server-level caching<\/li>\n<\/ul>\n\n\n\n<p><strong>Good Hosting Providers<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SiteGround<\/strong> ($3-14\/month, great support)<\/li>\n\n\n\n<li><strong>Cloudways<\/strong> ($10\/month, managed cloud)<\/li>\n\n\n\n<li><strong>Kinsta<\/strong> ($35\/month, premium WordPress)<\/li>\n\n\n\n<li><strong>WP Engine<\/strong> ($25\/month, managed WordPress)<\/li>\n<\/ul>\n\n\n\n<p><strong>Avoid<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shared hosting under $3\/month (too cheap = slow)<\/li>\n\n\n\n<li>Unlimited everything&#8221; plans (oversold)<\/li>\n\n\n\n<li>Hosts with poor reviews<\/li>\n\n\n\n<li>Hosts without WordPress optimization<\/li>\n<\/ul>\n\n\n\n<p><strong>Test Your Host<\/strong>: Run PageSpeed Insights:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>90+ score: Great host \u2713<\/li>\n\n\n\n<li>70-89 score: Decent host, can improve<\/li>\n\n\n\n<li>Below 70: Consider switching hosts<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Advanced Optimizations<\/h2>\n\n\n\n<p>For advanced users wanting every performance gain:<\/p>\n\n\n\n<p><strong>1. Remove Unused CSS<\/strong>: Tools like PurgeCSS can remove unused styles, but be careful &#8211; can break site if not done correctly.<\/p>\n\n\n\n<p><strong>2. Defer JavaScript<\/strong>: Most caching plugins offer this. Defers non-critical JS until after page load.<\/p>\n\n\n\n<p><strong>3. Preload Critical Resources<\/strong>:<\/p>\n\n\n\n<p>html<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"preload\" href=\"\/path\/to\/font.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin&gt;<\/code><\/pre>\n\n\n\n<p><strong>4. Use WebP Images<\/strong>: WebP format is 25-35% smaller than JPG with same quality. Image optimization plugins can generate WebP versions automatically.<\/p>\n\n\n\n<p><strong>5. Enable GZIP\/Brotli Compression<\/strong>: Usually enabled by good hosts or via caching plugin. Compresses text files before sending.<\/p>\n\n\n\n<p><strong>6. Reduce HTTP Requests<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Combine icon images into sprite sheets<\/li>\n\n\n\n<li>Use CSS instead of images where possible<\/li>\n\n\n\n<li>Inline small, critical CSS<\/li>\n<\/ul>\n\n\n\n<p><strong>7. Implement Critical CSS<\/strong>: Load minimal CSS needed for above-the-fold content inline, defer rest. Advanced technique &#8211; use plugins like WP Rocket.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Measuring Performance<\/h2>\n\n\n\n<p>Track your optimization efforts:<\/p>\n\n\n\n<p><strong>Tools to Use<\/strong>:<\/p>\n\n\n\n<p><strong>1. Google PageSpeed Insights<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Free, official Google tool<\/li>\n\n\n\n<li>Tests mobile and desktop<\/li>\n\n\n\n<li>Gives specific recommendations<\/li>\n\n\n\n<li>Target: 90+ score<\/li>\n<\/ul>\n\n\n\n<p><strong>2. GTmetrix<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>More detailed analysis<\/li>\n\n\n\n<li>Waterfall charts show what&#8217;s slow<\/li>\n\n\n\n<li>Free tier sufficient<\/li>\n\n\n\n<li>Target: Grade A, &lt;2 second load<\/li>\n<\/ul>\n\n\n\n<p><strong>3. WebPageTest<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Most detailed testing<\/li>\n\n\n\n<li>Test from multiple locations<\/li>\n\n\n\n<li>Advanced metrics<\/li>\n\n\n\n<li>For experts<\/li>\n<\/ul>\n\n\n\n<p><strong>4. Chrome DevTools<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Built into Chrome browser<\/li>\n\n\n\n<li>Press F12 \u2192 Lighthouse tab<\/li>\n\n\n\n<li>Run audit<\/li>\n\n\n\n<li>See detailed breakdown<\/li>\n<\/ul>\n\n\n\n<p><strong>Key Metrics to Track<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>FCP<\/strong> (First Contentful Paint): &lt;1.8s<\/li>\n\n\n\n<li><strong>LCP<\/strong> (Largest Contentful Paint): &lt;2.5s<\/li>\n\n\n\n<li><strong>TBT<\/strong> (Total Blocking Time): &lt;200ms<\/li>\n\n\n\n<li><strong>CLS<\/strong> (Cumulative Layout Shift): &lt;0.1<\/li>\n\n\n\n<li><strong>SI<\/strong> (Speed Index): &lt;3.4s<\/li>\n<\/ul>\n\n\n\n<p><strong>Versana targets<\/strong>: With proper optimization, Versana achieves:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PageSpeed Score: 90-100<\/li>\n\n\n\n<li>GTmetrix Grade: A<\/li>\n\n\n\n<li>Load Time: 1-2 seconds<\/li>\n\n\n\n<li>Page Size: &lt;500KB<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Performance Checklist<\/h2>\n\n\n\n<p>Use this checklist for every new Versana site:<\/p>\n\n\n\n<p><strong>Initial Setup<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable lazy loading (Theme Options)<\/li>\n\n\n\n<li>Install caching plugin<\/li>\n\n\n\n<li>Install image optimization plugin<\/li>\n\n\n\n<li>Remove unnecessary plugins<\/li>\n\n\n\n<li>Update PHP to 8.0+<\/li>\n<\/ul>\n\n\n\n<p><strong>Images<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Compress before uploading<\/li>\n\n\n\n<li>Use appropriate sizes<\/li>\n\n\n\n<li>Enable lazy loading<\/li>\n\n\n\n<li>Generate WebP versions<\/li>\n<\/ul>\n\n\n\n<p><strong>Hosting<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Good quality host ($10+\/month minimum)<\/li>\n\n\n\n<li>HTTPS enabled<\/li>\n\n\n\n<li>HTTP\/2 support<\/li>\n\n\n\n<li>Server-level caching<\/li>\n<\/ul>\n\n\n\n<p><strong>Advanced<\/strong> (Optional):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set up Cloudflare CDN<\/li>\n\n\n\n<li>Enable GZIP\/Brotli<\/li>\n\n\n\n<li>Optimize database<\/li>\n\n\n\n<li>Defer JavaScript<\/li>\n\n\n\n<li>Preload critical fonts<\/li>\n<\/ul>\n\n\n\n<p><strong>Testing<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Run PageSpeed Insights<\/li>\n\n\n\n<li>Check GTmetrix<\/li>\n\n\n\n<li>Test on mobile device<\/li>\n\n\n\n<li>Verify 90+ score<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Common Performance Issues &amp; Fixes<\/h2>\n\n\n\n<p><strong>Issue: Large Images<\/strong> Fix: Install Smush, bulk optimize all images<\/p>\n\n\n\n<p><strong>Issue: Too Many Plugins<\/strong> Fix: Deactivate\/delete unused plugins<\/p>\n\n\n\n<p><strong>Issue: No Caching<\/strong> Fix: Install WP Super Cache<\/p>\n\n\n\n<p><strong>Issue: Slow Host<\/strong> Fix: Upgrade hosting plan or switch hosts<\/p>\n\n\n\n<p><strong>Issue: Unoptimized Database<\/strong> Fix: Run WP-Optimize weekly<\/p>\n\n\n\n<p><strong>Issue: Not Using CDN<\/strong> Fix: Set up free Cloudflare account<\/p>\n\n\n\n<p><strong>Issue: Old PHP Version<\/strong> Fix: Upgrade to PHP 8.0+ in hosting control panel<\/p>\n\n\n\n<p><strong>Issue: Render-Blocking Resources<\/strong> Fix: Enable deferring in caching plugin<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Maintaining Performance<\/h2>\n\n\n\n<p>Performance isn&#8217;t one-time &#8211; maintain it:<\/p>\n\n\n\n<p><strong>Weekly<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Empty trash (posts, pages, comments)<\/li>\n\n\n\n<li>Check for plugin updates<\/li>\n\n\n\n<li>Review PageSpeed score<\/li>\n<\/ul>\n\n\n\n<p><strong>Monthly<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Optimize database<\/li>\n\n\n\n<li>Audit installed plugins<\/li>\n\n\n\n<li>Test site speed<\/li>\n\n\n\n<li>Review Google Analytics loading times<\/li>\n<\/ul>\n\n\n\n<p><strong>Quarterly<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bulk optimize images<\/li>\n\n\n\n<li>Review hosting performance<\/li>\n\n\n\n<li>Update PHP version if needed<\/li>\n\n\n\n<li>Check for theme\/plugin conflicts<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Next Steps<\/h2>\n\n\n\n<p>You now understand Versana performance optimization:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Enable lazy loading<\/strong> in Theme Options<\/li>\n\n\n\n<li><strong>Install caching plugin<\/strong> (WP Super Cache minimum)<\/li>\n\n\n\n<li><strong>Optimize images<\/strong> before uploading<\/li>\n\n\n\n<li><strong>Remove unused plugins<\/strong><\/li>\n\n\n\n<li><strong>Test with PageSpeed Insights<\/strong><\/li>\n\n\n\n<li><strong>Achieve 90+ score!<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>Remember<\/strong>: Versana is optimized out of the box. These steps maximize performance, but you&#8217;ll get good scores even without them.<\/p>\n\n\n\n<p><strong>Questions?<\/strong> Check our performance documentation or ask in support forums.<\/p>\n\n\n\n<p>Fast websites make happy visitors! \ud83d\ude80<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn to optimize Versana theme for maximum performance. Built-in lazy loading, lightweight code, and speed best practices. No extra plugins needed.<\/p>\n","protected":false},"author":1,"featured_media":83,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,16],"tags":[23,25,27,28],"class_list":["post-91","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance","category-tutorials","tag-lazy-loading","tag-optimization","tag-page-speed","tag-performance"],"_links":{"self":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":1,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/posts\/91\/revisions\/134"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/media\/83"}],"wp:attachment":[{"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/categories?post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/versana.codoplex.com\/versana-blog\/wp-json\/wp\/v2\/tags?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}