v3.6.2 #118
ThisIs-Developer
announced in
Announcements
v3.6.2
#118
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Markdown Viewer v3.6.2 — Performance Remediation & Stabilization
This release introduces a major performance, responsiveness, and offline architectural stabilization update for both the live website deployment and the desktop application wrapper.
By resolving browser reflow bottlenecks during text editing, reducing unused dependencies, and implementing an offline-first caching architecture, version
3.6.2delivers fast loading speeds and a highly responsive typing experience, even on legacy devices and slower network connections.Core Improvements
1. Gutter Render Optimization & Reflow Elimination (Zero Typing Lag)
lineCacheMap inside the editor script. Since the editor uses a monospace font, logical lines with identical text wrap to identical heights. The cache stores computed layout heights based on the exact line text and editor width.lineCache. This reduces forced synchronous layouts (reflows) from2. Payload Reduction & Connection Pre-warming
index.html:html2pdf.bundle.min.js,pdfmake.min.js, andvfs_fonts.js. This reduces the uncompressed bandwidth footprint on initial load by approximately 45%.deferattribute to the remaining external JavaScript dependencies inside the<head>of the document. This prevents HTML parser-blocking, allowing the page header and layout shell to paint immediately while scripts download in parallel.<link rel="preconnect">and<link rel="dns-prefetch">elements forcdnjs.cloudflare.comandcdn.jsdelivr.netat the top of the header to pre-warm DNS and TLS connection paths early during HTML parsing.3. Offline-First PWA & Stale-While-Revalidate Caching
sw.js) that automatically caches local application files (index.html,script.js,styles.css,assets/icon.jpg) and all external CDN assets.markdown-viewer-cache-v3.6.2). The Service Worker automatically deletes older cached versions in the background, preventing stale asset corruption.4. Cross-Platform Desktop Synchronization
node prepare.jsinsidedesktop-app) to compile all performance improvements, deferrals, and local asset structures into the native desktop app folder, ensuring the desktop app runs with identical optimizations.Performance Ledger: v3.6.1 vs. v3.6.2
Performance metrics were validated under simulated network (Slow 4G) and CPU (4x slowdown) constraints:
sw.jsDesign and Visual Integrity
All optimizations have been executed with strict preservation of the application's existing visual design, CSS styling tokens, theme toggles (dark/light mode), importing/exporting capabilities, and Markdown/LaTeX/Mermaid processing. Users will experience an identical interface but with significantly faster loading and responsive rendering speed.
How to Get the Update
Ctrl+F5on Windows/Linux orCmd+Shift+Ron macOS) to instantly retrieve version3.6.2. Due to the new SWR caching, subsequent updates will install automatically in the background.npm run devto start the app locally, or compile using the build commands inside thedesktop-appdirectory.This discussion was created from the release v3.6.2.
Beta Was this translation helpful? Give feedback.
All reactions