WebKit-Gtk 2.8.x renders some pages very slowly

• Component: WebKitGTK
• Status: RESOLVED INVALID

[Guilaume Ayoub]

On some pages, particularly when a CSS 3D transform is applied to an element, the pages goes totally black for about 1 second, then the page is refreshed at about 1 fps when scrolled or when an animation is displayed on the page. The CPU is almost unused when these pages are rendered, and the other applications launched on the computer are running smoothly, so that's probably not a performance issue.

Adding a 3D-transformed element in the DOM of a page that was working fine makes the page going black and then be rendered slowly. Removing this element makes the page rendered smoothly again. It looks like the page switches between a 2D surface and a 3D surface, and the 3D surface is extremely slow for me.

I've tried may compilation options, but nothing changed. The problem happens with both the MiniBrowser and Epiphany.

Here are some informations on how I built WebKit-Gtk:

cmake --no-warn-unused-cli -C /var/tmp/portage/net-libs/webkit-gtk-2.8.1/work/webkit-gtk-2.8.1_build/gentoo_common_config.cmake -G Unix Makefiles -DCMAKE_INSTALL_PREFIX=/usr -DENABLE_MINIBROWSER=ON -DENABLE_PLUGIN_PROCESS_GTK2=OFF -DPORT=GTK RUBY=/usr/bin/ruby20 -DCMAKE_BUILD_TYPE=Gentoo -DCMAKE_INSTALL_DO_STRIP=OFF -DCMAKE_USER_MAKE_RULES_OVERRIDE=/var/tmp/portage/net-libs/webkit-gtk-2.8.1/work/webkit-gtk-2.8.1_build/gentoo_rules.cmake -DCMAKE_TOOLCHAIN_FILE=/var/tmp/portage/net-libs/webkit-gtk-2.8.1/work/webkit-gtk-2.8.1_build/gentoo_toolchain.cmake  /var/tmp/portage/net-libs/webkit-gtk-2.8.1/work/webkitgtk-2.8.1

Build type      Gentoo
Install path    /usr
Compiler flags:
C               
C++              -std=c++11
Linker flags:
Executable       -Wl,-O1 -Wl,--as-needed -Wl,--no-keep-memory -fuse-ld=gold -Wl,--disable-new-dtags
Module           -Wl,-O1 -Wl,--as-needed -Wl,--no-keep-memory
Shared          -Wl,--no-undefined  -Wl,-O1 -Wl,--as-needed -Wl,--no-keep-memory -fuse-ld=gold -Wl,--disable-new-dtags -fuse-ld=gold -Wl,--disable-new-dtags

-- Enabled features:
--  ENABLE_3D_RENDERING ..................... ON
--  ENABLE_ACCELERATED_2D_CANVAS              ON
--  ENABLE_ACCELERATED_OVERFLOW_SCROLLING ... OFF
--  ENABLE_ACCESSIBILITY                      ON
--  ENABLE_API_TESTS ........................ OFF
--  ENABLE_AVF_CAPTIONS                       OFF
--  ENABLE_ASSEMBLER_WX_EXCLUSIVE ........... OFF
--  ENABLE_BATTERY_STATUS                     OFF
--  ENABLE_CACHE_PARTITIONING ............... OFF
--  ENABLE_CANVAS_PATH                        OFF
--  ENABLE_CANVAS_PROXY ..................... OFF
--  ENABLE_CHANNEL_MESSAGING                  ON
--  ENABLE_ES6_CLASS_SYNTAX ................. OFF
--  ENABLE_CONTENT_FILTERING                  OFF
--  ENABLE_CONTEXT_MENUS .................... ON
--  ENABLE_CSP_NEXT                           OFF
--  ENABLE_CSS3_TEXT ........................ OFF
--  ENABLE_CSS3_TEXT_LINE_BREAK               OFF
--  ENABLE_CSS_BOX_DECORATION_BREAK ......... ON
--  ENABLE_CSS_COMPOSITING                    OFF
--  ENABLE_CSS_DEVICE_ADAPTATION ............ OFF
--  ENABLE_CSS_GRID_LAYOUT                    OFF
--  ENABLE_CSS_IMAGE_ORIENTATION ............ OFF
--  ENABLE_CSS_IMAGE_RESOLUTION               OFF
--  ENABLE_CSS_IMAGE_SET .................... ON
--  ENABLE_CSS_REGIONS                        ON
--  ENABLE_CSS_SELECTORS_LEVEL4 ............. ON
--  ENABLE_CSS_SCROLL_SNAP                    OFF
--  ENABLE_CSS_SHAPES ....................... OFF
--  ENABLE_CURSOR_VISIBILITY                  OFF
--  ENABLE_CUSTOM_SCHEME_HANDLER ............ OFF
--  ENABLE_DASHBOARD_SUPPORT                  OFF
--  ENABLE_DATACUE_VALUE .................... OFF
--  ENABLE_DATALIST_ELEMENT                   OFF
--  ENABLE_DATA_TRANSFER_ITEMS .............. OFF
--  ENABLE_DETAILS_ELEMENT                    ON
--  ENABLE_DEVICE_ORIENTATION ............... OFF
--  ENABLE_DOM4_EVENTS_CONSTRUCTOR            OFF
--  ENABLE_DOWNLOAD_ATTRIBUTE ............... OFF
--  ENABLE_DRAG_SUPPORT                       ON
--  ENABLE_ENCRYPTED_MEDIA .................. OFF
--  ENABLE_ENCRYPTED_MEDIA_V2                 OFF
--  ENABLE_FILTERS_LEVEL_2 .................. OFF
--  ENABLE_FONT_LOAD_EVENTS                   OFF
--  ENABLE_FTL_JIT .......................... OFF
--  ENABLE_FTPDIR                             OFF
--  ENABLE_FULLSCREEN_API ................... ON
--  ENABLE_GAMEPAD                            OFF
--  ENABLE_GAMEPAD_DEPRECATED ............... OFF
--  ENABLE_GEOLOCATION                        ON
--  ENABLE_HIDDEN_PAGE_DOM_TIMER_THROTTLING . OFF
--  ENABLE_ICONDATABASE                       ON
--  ENABLE_IMAGE_DECODER_DOWN_SAMPLING ...... OFF
--  ENABLE_INDEXED_DATABASE                   OFF
--  ENABLE_INDIE_UI ......................... OFF
--  ENABLE_INPUT_TYPE_COLOR                   ON
--  ENABLE_INPUT_TYPE_COLOR_POPOVER ......... OFF
--  ENABLE_INPUT_TYPE_DATE                    OFF
--  ENABLE_INPUT_TYPE_DATETIME_INCOMPLETE ... OFF
--  ENABLE_INPUT_TYPE_DATETIMELOCAL           OFF
--  ENABLE_INPUT_TYPE_MONTH ................. OFF
--  ENABLE_INPUT_TYPE_TIME                    OFF
--  ENABLE_INPUT_TYPE_WEEK .................. OFF
--  ENABLE_IOS_AIRPLAY                        OFF
--  ENABLE_IOS_TEXT_AUTOSIZING .............. OFF
--  ENABLE_JIT                                ON
--  ENABLE_LEGACY_CSS_VENDOR_PREFIXES ....... OFF
--  ENABLE_LEGACY_NOTIFICATIONS               OFF
--  ENABLE_LEGACY_VENDOR_PREFIXES ........... ON
--  ENABLE_LEGACY_WEB_AUDIO                   OFF
--  ENABLE_LETTERPRESS ...................... OFF
--  ENABLE_LINK_PREFETCH                      OFF
--  ENABLE_LLINT_C_LOOP ..................... OFF
--  ENABLE_MAC_LONG_PRESS                     OFF
--  ENABLE_MATHML ........................... ON
--  ENABLE_MEDIA_CAPTURE                      OFF
--  ENABLE_MEDIA_CONTROLS_SCRIPT ............ ON
--  ENABLE_MEDIA_SOURCE                       OFF
--  ENABLE_MEDIA_STATISTICS ................. OFF
--  ENABLE_MEDIA_STREAM                       OFF
--  ENABLE_MEMORY_SAMPLER ................... ON
--  ENABLE_METER_ELEMENT                      ON
--  ENABLE_MHTML ............................ ON
--  ENABLE_MOUSE_CURSOR_SCALE                 OFF
--  ENABLE_NAVIGATOR_CONTENT_UTILS .......... OFF
--  ENABLE_NAVIGATOR_HWCONCURRENCY            ON
--  ENABLE_NOSNIFF .......................... OFF
--  ENABLE_NETSCAPE_PLUGIN_API                ON
--  ENABLE_NETWORK_PROCESS .................. ON
--  ENABLE_NOTIFICATIONS                      ON
--  ENABLE_ORIENTATION_EVENTS ............... OFF
--  ENABLE_PDFKIT_PLUGIN                      OFF
--  ENABLE_PERFORMANCE_TIMELINE ............. OFF
--  ENABLE_PICTURE_SIZES                      ON
--  ENABLE_POINTER_LOCK ..................... OFF
--  ENABLE_PROMISES                           ON
--  ENABLE_PROXIMITY_EVENTS ................. OFF
--  ENABLE_PUBLIC_SUFFIX_LIST                 OFF
--  ENABLE_QUOTA ............................ OFF
--  ENABLE_REMOTE_INSPECTOR                   OFF
--  ENABLE_REQUEST_ANIMATION_FRAME .......... ON
--  ENABLE_RESOLUTION_MEDIA_QUERY             OFF
--  ENABLE_RESOURCE_TIMING .................. OFF
--  ENABLE_SATURATED_LAYOUT_ARITHMETIC        ON
--  ENABLE_SECCOMP_FILTERS .................. OFF
--  ENABLE_SERVICE_CONTROLS                   OFF
--  ENABLE_SPEECH_SYNTHESIS ................. OFF
--  ENABLE_SPELLCHECK                         ON
--  ENABLE_STREAMS_API ...................... ON
--  ENABLE_SUBTLE_CRYPTO                      ON
--  ENABLE_SVG_FONTS ........................ ON
--  ENABLE_TELEPHONE_NUMBER_DETECTION         OFF
--  ENABLE_TEMPLATE_ELEMENT ................. ON
--  ENABLE_TEXT_AUTOSIZING                    OFF
--  ENABLE_TOUCH_EVENTS ..................... ON
--  ENABLE_TOUCH_SLIDER                       OFF
--  ENABLE_TOUCH_ICON_LOADING ............... OFF
--  ENABLE_USERSELECT_ALL                     ON
--  ENABLE_USER_MESSAGE_HANDLERS ............ ON
--  ENABLE_USER_TIMING                        OFF
--  ENABLE_VIBRATION ........................ OFF
--  ENABLE_VIDEO                              ON
--  ENABLE_VIDEO_TRACK ...................... ON
--  ENABLE_VIEW_MODE_CSS_MEDIA                ON
--  ENABLE_WEB_AUDIO ........................ ON
--  ENABLE_WEB_REPLAY                         OFF
--  ENABLE_WEB_SOCKETS ...................... ON
--  ENABLE_WEB_TIMING                         ON
--  ENABLE_WEBGL ............................ ON
--  ENABLE_WEBVTT_REGIONS                     OFF
--  ENABLE_XHR_TIMEOUT ...................... ON
--  ENABLE_XSLT                               ON
--  USE_SYSTEM_MALLOC ....................... OFF
--  ENABLE_THREADED_COMPOSITOR                OFF
--  ENABLE_PLUGIN_PROCESS_GTK2 .............. OFF
--  ENABLE_MINIBROWSER                        ON
--  USE_REDIRECTED_XCOMPOSITE_WINDOW ........ ON

Some X/GL-related logs when configuring:

-- Found EGL: /usr/include  
-- Found X11: /usr/lib64/libX11.so
-- Found OpenGL: /usr/lib64/libGL.so  
-- Looking for include file GL/glx.h
-- Looking for include file GL/glx.h - found
-- checking for module 'cairo-gl'
--   found cairo-gl, version 1.14.2
-- checking for module 'cairo-glx'
--   found cairo-glx, version 1.14.2
-- checking for module 'cairo-egl'
--   found cairo-egl, version 1.14.2
-- Found CairoGL: /usr/include/cairo;/usr/include/glib-2.0;/usr/lib64/glib-2.0/include;/usr/include/pixman-1;/usr/include/freetype2;/usr/include/libpng16;/usr/include/libdrm;CAIRO_GLX_INCLUDE_DIRS;CAIRO_EGL_INCLUDE_DIRS (Required is at least version "1.10.2")

[Guilaume Ayoub]

Well, I've suffered this bug for about one month, it's fixed this morning, probably thanks to a random lib update.