Gist 23705f481029d7e1cb22973540188d19

100%

Gist 23705f481029d7e1cb22973540188d19

✓ Published0🌍 Public

Last edited Nov 18, 2020

Created on Nov 18, 2020

This snippet demonstrates a WordPress performance optimization technique by filtering the `style_loader_tag` hook to modify how stylesheet links are rendered. It shows the `add_rel_preload` function, which replaces standard `<link>` tags with preload directives that include an `onload` handler to swap `rel='preload'` to `rel='stylesheet'`, enabling asynchronous CSS loading. The code uses WordPress PHP APIs (`add_filter`, `is_admin`) and outputs a heredoc string with the HTML. It explicitly avoids altering output in the admin panel, targeting front-end performance only.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 1b1889baaec2adffe574

This example demonstrates a WordPress theme’s strategy for optimizing CSS delivery by inlining critical styles and asynchronously loading the full stylesheet. It shows how PHP hooks like `wp_head` and `wp_footer` conditionally inject scripts, styles, and a cookie-based cache check. The code uses `file_get_contents` to embed JavaScript files such as `loadCSS.js` and `onloadCSS.js`, alongside a `<style>` block for critical CSS. A `noscript` fallback ensures the full stylesheet loads without JavaScript. The implementation relies on the `Roots\Sage\Assets` namespace and functions like `asset_path()` to resolve file paths.

GGolodhros

75% match

Loading thumbnail…

Gist 9a926ef0219e7b50d71a33ceae04c99e

This example demonstrates a WordPress content-cleaning routine that strips inline styling, removes font tags, and deletes empty HTML elements from posts. It shows how the `the_content` filter hook modifies page output for single posts and the homepage. The code uses the `add_filter` API with a custom `clean_post_content` function, applying regular expressions via `preg_replace` and a string translation with `strtr` to sanitize markup before rendering.

KKopylovVitalik

73% match

Loading thumbnail…

Gist d7d415d1f3401d7b9d482f01706d1b72

This example demonstrates a WordPress code snippet that delays the loading of embedded iframe content on single post pages. The PHP filter modifies the post’s content by replacing standard `iframe` `src` attributes with a custom `data-iframe-src` attribute, while the accompanying JavaScript—executed after a 1.3-second timeout—uses `querySelectorAll` to reassign the original `src` to each element via `frame.dataset.iframeSrc`. This technique postpones third-party widget rendering (such as video embeds) to prioritize initial page load, without relying on any external JavaScript libraries or APIs.

KKopylovVitalik

71% match

Loading thumbnail…

Gist d1ce1ab648a5dc4f38686ee05426ff2c

This example demonstrates a WordPress content filter that cleans up post output by removing empty paragraph tags. It shows the difference between raw content with superfluous `<p></p>` elements and the sanitized version after processing. The code uses the `add_filter` and `the_content` hooks from the WordPress API, along with the `force_balance_tags` function to ensure HTML tag balance, and a regular expression with `preg_replace` to strip any empty paragraphs containing only whitespace or non-breaking spaces. The visualization likely contrasts these before-and-after states.

KKopylovVitalik

67% match

Loading thumbnail…

Gist bd978df74840af0f424ab50974f8489a

This example demonstrates how to integrate a specific version of jQuery with WordPress and Webpack. It shows two configuration steps: first, deregistering the default WordPress jQuery in `functions.php` via `wp_deregister_script` and an `init` action, and second, excluding jQuery from the bundle using `externals` in `webpack.config` while injecting it with `webpack.ProvidePlugin`. The code also references registering a newer jQuery version through WordPress hooks.

KKopylovVitalik

65% match

Loading thumbnail…

Gist 367a00c4facccefe2f33a0ef0cd374eb

This example shows a WordPress site sending HTTP `Last-Modified` headers based on the most recent post modification time. For singular pages and archive views, it extracts `post_modified_gmt` from the current post or the first post in the loop, formats it as an RFC 2822 date, and sends it via PHP’s `header()` function. The code also checks `HTTP_IF_MODIFIED_SINCE` and returns a `304 Not Modified` status for logged-out visitors when the content has not changed, while skipping execution for admin or AJAX requests.

KKopylovVitalik

64% match

Loading thumbnail…

Gist 940d9e28b4c94f7fea376c678e767261

This visualization shows a WordPress maintenance-mode message displayed as a stark red alert, blocking site access for unauthorized users. It renders a static HTML page with inline CSS styling via a PHP function, rather than using a JavaScript visualization library. The code checks user capabilities and login status with `current_user_can` and `is_user_logged_in`, then outputs the message using `wp_die` hooked into `get_header`. No data source or rendering framework is involved, as the example relies purely on server-side PHP and browser-rendered HTML.

KKopylovVitalik

64% match

Loading thumbnail…

Gist 47b05c7f60a5f52c48bd1c97aa3b7a62

This example presents a custom data visualization centered on a WordPress post thumbnail, extracting its ID, alt text, and title through PHP functions. The display likely focuses on the image's metadata presentation, using the WordPress API to retrieve and showcase these details. The code relies on standard WordPress functions like `get_post_thumbnail_id()`, `get_post_meta()`, and `get_the_title()` to fetch and render the information. The visualization appears to be a straightforward metadata viewer, likely displaying the image’s alternative text and title alongside its identifier, without incorporating any advanced JavaScript libraries or rendering frameworks.

KKopylovVitalik

64% match