Comments (11)
Thanks a lot for your effort in solving this! 🥳
I will give it a try after work.
Well it hasn't been released yet. Wait for the comment on that ticket once released.
from komga.
I tested it locally on the master
branch and it works great in Firefox
from komga.
🎉 This issue has been resolved in 1.8.4
(Release Notes)
from komga.
I don't quite understand what the symptom is, can you share a video that shows what's the problem?
from komga.
Sure! Here's an example: https://www.youtube.com/watch?v=CXAa-pcYABk
Notice that when going to the next page, it goes completely black before showing the page, and how it is instant when going backwards.
For this example I used very high resolution images (6000x10000) to make it really prominent, but I can see it with normal manga too.
from komga.
And that symptom only happens on Firefox, is that right?
from komga.
Could you share that test cbz you're using? That would save me some time finding / building one for testing.
from komga.
The black image can only be seen on Firefox, yes. On Chromium browsers it lags the browser instead.
Here is the cbz: https://drive.google.com/file/d/1HXYs7N0e3lK_V9PYOnvy8DUFOXttoRgm/view?usp=drivesdk
from komga.
Thanks for the file. I can reproduce on both Chrome and Firefox. Most of the development of Komga was done on Chrome, until a few weeks ago, which explains why this was never spotted. Chrome handles this slightly better than Firefox in my opinion.
We don't use v-img
though, so i need to find another way to render the images before showing them.
from komga.
I've done a few tests on Chrome, Firefox and Safari.
Chrome: seems to have some optimization to not render images that have a size but are not in the viewport. No luck there. It's also quite awful at managing page transitions with high definition images. It's always laggy, even after the images have been rendered.
Firefox: I managed to setup some CSS classes to move the images offscreen with a display: block
, which makes them render. It works great without page transitions, however when page transitions are enabled, it causes problem. What i managed to do when there are page transitions is to pre-render the i+2 images, so that the transitions to previous/next are smooth. The downside is that if you open a book on page X, the pages X-1 / X+1 will not have been pre-rendered, but the next ones will.
Safari: the most atrocious browser in this test. It doesn't pre-render (like Chrome), and even after the components have been rendered and you go back to previously read pages, it stalls (like Chrome). I think it's agressively disposing of elements that are not displayed anymore, and need to re-render.
from komga.
Thanks a lot for your effort in solving this! 🥳
I will give it a try after work.
from komga.
Related Issues (20)
- Add a "view all" button to the book strip view in Recommended page and search results
- Disable bounce when reaching web page end on iOS ipadOS devices
- Set poster from `ComicInfo.xml` metadata rather than first page HOT 1
- Remove from collection or read list in series/book page
- footer text on small screen get pushed up into main body text
- Can't edit series metadata HOT 27
- web ui: Find and go to page option for epub. HOT 1
- Search Authors automatically when searching HOT 1
- Sub-title display field for series
- Epub reader to highlight text (to serve as bookmarks) or just bookmark pages
- Search for books with COMMENT
- ePub: Cover support for ePub files generated by older versions of Sigil HOT 1
- Refresh metadata does not update removed metadata from files HOT 1
- Allow read lists to use first/last book as cover image globally
- Allow decimal number usage for StoryArcNumber element in ComicInfo.xml HOT 3
- When OAuth2 login is enabled, SERVER_SERVLET_SESSION_TIMEOUT seems not to take effect properly HOT 7
- Add page margins option in the webtoon mode
- Komga doesn't log unauthenticated requests HOT 1
- Komga doesn't log Tomcat errors HOT 2
- files not analyzed on mac HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from komga.