Large files once again taking long time to load

[kdv24]

@phuocng I wonder if one of the updates has interfered with the web optimization you addressed here. Our pdfs are not being displayed until the entire 2000 plus page pdf has loaded. This is resulting in very long load times. Would you mind testing with your dummy 5000 page pdf and seeing it you have the same result now? Thank you very much.

[kdv24]

@phuocng I sent you an email with a bit more info on this one.

[kdv24]

Hi @phuocng I know you have a lot you're on top of with this library, but would love to know if you've had a chance to look at the long load time issue? I'm wondering if this issue is related? Thanks. I really do appreciate your work on this!

[Deuscx]

Same Issue. Is it able to get less page for first render
packages/core/src/layouts/PageSizeCalculator.tsx

// render less page initial
const queryPageSizes = Array(doc.numPages)
            .fill(0)
            .map(
                (_, i) =>
                    new Promise<PageSize>((resolve, _) => {
                        getPage(doc, i).then((pdfPage) => {
                            const viewport = pdfPage.getViewport({ scale: 1 });
                            resolve({
                                pageHeight: viewport.height,
                                pageWidth: viewport.width,
                                rotation: viewport.rotation,
                            });
                        });
                    })
            );

[greg-clarity]

I've been looking at this issue as well (I work with Kelly). Here is what I've observed:

Using React PDF Viewer

• With a very simple React app
• Loading a 700+ page, 50MB PDF file
• Displaying page 555 initially
• App and PDF on an AWS server (not running locally)
• Browser cache disabled
• The network tab shows 150+ of the Range: bytes=... requests, each about 65K in size.
• No page of the PDF renders until the full PDF file loads, which takes 7-8 seconds.

Using React PDF Viewer

• with a build from last year (using an older version of React PDF Viewer)
• ...other parameters the same
• I see far fewer of the small Range: bytes=... requests - 10 or so.
• ...but the page rendering isn't any faster. It won't show any pages until the entire PDF file loads.

Using pdf.js directly

• No React PDF Viewer
• A simple integration based on this example: https://github.com/mozilla/pdf.js/blob/master/examples/learning/prevnext.html
• Same PDF file and same server environment
• Still loading page 555 (not the first page)
• Browser cache disabled
• 13 of the Range: bytes=... requests
• PDF page renders almost instantly (less than 1 second).
• Full PDF file completes loading after the PDF page has rendered in 4-5 seconds.
• I can begin navigating between pages as soon as page 555 renders.

I've looked a little into the React PDF Viewer code, but don't understand it well enough to identify what's different with how it renders PDFs vs. the pdf.js example linked to above. I'm hoping you'll be better able to answer that mystery.

Thanks for your help in advance, and please reach out if having access to the example page URLs or our test code would help with your debugging.

[kdv24]

Thanks for adding that Greg! @phuocng has been amazing about continuing to update and improve the react-pdf-viewer and being responsive.

[vicent4no]

Hello! Just for the sake of emphasizing this issue.

We have an application that uses React-Pdf-Viewer and we are having long PDF load times due to this issue.
Just to note that there are more people that are directly affected by this

By the way, thanks for this amazing library. Hope I could help you further with this but unfortunately I lack the knowledge and skills.

[jabidof]

Same here...
Thanks for the great app!

[kdv24]

@phuocng do you have a sense of when milestone 4.0.0 is likely to be released?

[kdv24]

Hi @phuocng 👋
I'm just wanting to be sure this is still on your radar, and checking in to see if you have any updates for us on it's status. Thank you, and happy new year!

[phuocng]

@kdv24 The issue is fixed in the latest code, and it will be included in v4.0. I can't say exactly when v4.0 comes, but I have been working hard on it. It will be a big release with many improvements and refactors.

[DSK9012]

Just commenting if someone facing this slow loading or unresponsive issue with ""Aww, Snap..." error. See this issue #1717

[MuskanWork]

@kdv24 The issue is fixed in the latest code, and it will be included in v4.0. I can't say exactly when v4.0 comes, but I have been working hard on it. It will be a big release with many improvements and refactors.

Hello @phuocng , I am looking forward to buy your product, its amazing, all of my feature are customised. but one feature that is mandatory for my application is partial loading or I can say lazy loading, If you assured me with the release date of your new version with this feature, I am super interested to buy your product. Also please let me know new version will support which version of react so that I must be updated with my application.
Looking forward for your positive response

[omriperi]

Waiting for this release and waiting for version 4 :)

[cindyloo]

Also eager to help test the new 4.0. Have some highlighting updates in my fork and would love to see how it integrates