Hi Team,
We are observing a noticeable performance difference in client-side PDF generation between Safari and Chrome.
Use Case
We have an AI modal with a “Download PDF” feature. The PDF is generated on the client side using HTML content from the modal.
Observation Chrome: PDF generation completes in ~1–2 seconds Safari: Same flow takes ~25–30 seconds Additional Details
The functionality works correctly in both browsers, and the PDF downloads successfully. The issue is mainly the increased processing time in Safari.
The modal content may include:
- Large formatted text
- Markdown/code blocks
- Images/styled UI
We suspect the delay may be related to Safari’s handling of:
- Canvas rendering
- DOM-to-image conversion
- Blob/PDF generation
- Font/image processing
Libraries/approaches involved:
- html2canvas
- jsPDF
- window.print() (in some cases)
- Question
Is this considered expected behavior in Safari/WebKit for client-side PDF generation?
Has anyone found effective Safari-specific optimizations or best practices to improve performance for this use case?
Thanks in advance.