What caused the bottleneck of my page rendering?

cause

made a page that will flash when scrolling quickly in chrome, and the reason can"t be found all the time.
finally, the screenshot of the page at each point in time is recorded through dev-tools "s performance, and it is found that in the process of fast scrolling, some pages are not rendered.

so I want to ask what caused the rendering problem?

Page address: http://geoffzhu.cn/blog/

only appears when scrolling up and down quickly in chrome.

clipboard.png

clipboard.png

chrome version 66.0.3359.139 (official version) (64-bit) (Mac)

Mar.22,2021

I saw your page. I can open it very fast, and I don't have any pictures or anything like that. Let's just say. Net slow


it will appear even if the page has been loaded. Just scroll up and down quickly


turn off the hardware acceleration and try


. Can you highlight the color of the scroll bar

?
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b63c-2c281.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3b63c-2c281.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?