Online PHP editor | perf for hB89d

<?php $content = ' <div id="content-15628" class="postcontent"> <h2>Responsive Images in WordPress 4.4</h2><p>WordPress 4.4 will add native responsive image support by including <code>srcset</code> and <code>sizes</code> attributes to the image markup it generates. For background on this feature, read the <a href="https://make.wordpress.org/core/2015/09/30/responsive-images-merge-proposal/">merge proposal</a>.</p> <h2>How it works</h2> <p>WordPress automatically creates several sizes of each image uploaded to the media library. By including the available sizes of an image into a <code>srcset</code> attribute, browsers can now choose to download the most appropriate size and ignore the others—potentially saving bandwidth and speeding up page load times in the process.</p> <p>To help browsers select the best image from the source set list, we also include a default <code>sizes</code> attribute that is equivalent to <code>(max-width: {{image-width}}px) 100vw, {{image-width}}px</code>. While this default will work out of the box for a majority of sites, themes should customize the default <code>sizes</code> attribute as needed using the <code>wp_calculate_image_sizes</code> filter.</p> <p>Note that for compatibility with existing markup, neither <code>srcset</code> nor <code>sizes</code> are added or modified if they already exist in content HTML.</p> <p>For a full overview of how <code>srcset</code> and <code>sizes</code> works, I suggest reading <em><a href="http://alistapart.com/article/responsive-images-in-practice">Responsive Images in Practice</a></em>, by Eric Portis over at A List Apart.</p> <h2>New functions and hooks</h2> <p>To implement this feature, we’ve added the following new functions to WordPress:</p> <ul> <li><code>wp_get_attachment_image_srcset()</code> – Retrieves the value for an image attachment’s <code>srcset</code> attribute.</li> <li><code>wp_calculate_image_srcset()</code> – A helper function to calculate the image sources to include in a <code>srcset</code> attribute.</li> <li><code>wp_get_attachment_image_sizes()</code> – Creates a <code>sizes</code> attribute value for an image.</li> <li><code>wp_calculate_image_sizes()</code> – A helper function to create the <code>sizes</code> attribute for an image.</li> <li><code>wp_make_content_images_responsive()</code> – Filters <code>img</code> elements in post content to add <code>srcset</code> and <code>sizes</code> attributes. For more information about the use of a display filter, read <a href="https://make.wordpress.org/core/2015/09/26/responsive-images-feature-plugin-update-2/">this post</a>.</li> <li><code>wp_image_add_srcset_and_sizes()</code> – Adds <code>srcset</code> and <code>sizes</code> attributes to an existing <code>img</code> element. Used by <code>wp_make_content_images_responsive()</code>.</li> </ul> <img src="http://blah.none/wp-content/2014/06/1.jpg" width="500" height="1000" alt="" class="wp-image-123" /> <p>As a safeguard against adding very large images to <code>srcset</code> attributes, we’ve included a <code>max_srcset_image_width</code> filter, which allows themes to set a maximum image width for images include in source set lists. The default value is 1600px.</p> <h2>A new default image size</h2> <p>A new default intermediate size, <code>medium_large</code>, has been added to better take advantage of responsive image support. The new size is 768px wide by default, with no height limit, and can be used like any other size available in WordPress. As it is a standard size, it will only be generated when new images are uploaded or sizes are regenerated with third party plugins.</p> <p>The <code>medium_large</code> size is not included in the UI when selecting an image to insert in posts, nor are we including UI to change the image size from the media settings page. However, developers can modify the width of this new size using the <code>update_option()</code> function, similar to any other default image size.</p> <h2>Customizing responsive image markup</h2> <img src="http://blah.none/wp-content/2014/06/1.jpg" width="300" height="400" alt="" class="wp-image-456" /> <p>To modify the default <code>srcset</code> and <code>sizes</code> attributes, you should use the <code>wp_calculate_image_srcset</code> and <code>wp_calculate_image_sizes</code> filters, respectively.</p> <p>Overriding the <code>srcset</code> or <code>sizes</code> attributes for images not embedded in post content (e.g. post thumbnails, galleries, etc.), can be accomplished using the <code>wp_get_attachment_image_attributes</code> filter, similar to how other image attributes are modified.</p> <p>Additionally, you can create your own custom markup patterns by using <code>wp_get_attachment_image_srcset()</code> directly in your templates. Here is an example of how you could use this function to build an <code><img></code> element with a custom <code>sizes</code> attribute:</p> <pre><?php $img_src = wp_get_attachment_image_url( $attachment_id, \'medium\' ); $img_srcset = wp_get_attachment_image_srcset( $attachment_id, \'medium\' ); ?> <img src="<?php echo esc_url( $img_src ); ?>" srcset="<?php echo esc_attr( $img_srcset ); ?>" sizes="(max-width: 50em) 87vw, 680px" alt="A rad wolf"></pre> <h2>Final notes</h2> <p>Users of the RICG Responsive Images Plugin should upgrade to <a href="https://wordpress.org/plugins/ricg-responsive-images/">version 3.0.0</a> now in order to be compatible with the functionality that included in WordPress 4.4.</p> '; $t = _microtime_float(); for ( $i = 0; $i < 1000; $i++ ) { $dom = new DOMDocument( '1.0' ); $dom->loadHTML( $content ); // \DOMNodesList $nodes = $dom->getElementsByTagName( 'img' ); if ( $nodes->length ) { $img = $nodes->item(0); $src = $img->getAttribute( 'src' ); $width = $img->getAttribute( 'width' ); $height = $img->getAttribute( 'height' ); $class = $img->getAttribute( 'class' ); } }

Version	System time (s)	User time (s)	Memory (MiB)
8.3.6	0.011	0.004	16.50
8.3.5	0.011	0.007	21.90
8.3.4	0.004	0.011	18.57
8.3.3	0.012	0.003	18.61
8.3.2	0.006	0.003	20.34
8.3.1	0.007	0.000	21.81
8.3.0	0.006	0.003	19.38
8.2.18	0.000	0.015	18.43
8.2.17	0.004	0.014	22.96
8.2.16	0.014	0.004	20.38
8.2.15	0.005	0.003	24.18
8.2.14	0.004	0.004	24.66
8.2.13	0.006	0.003	20.26
8.2.12	0.004	0.004	26.35
8.2.11	0.004	0.004	22.12
8.2.10	0.008	0.003	17.78
8.2.9	0.000	0.008	18.09
8.2.8	0.000	0.008	18.09
8.2.7	0.007	0.003	19.25
8.2.6	0.004	0.004	17.63
8.2.5	0.004	0.004	18.07
8.2.4	0.000	0.008	19.48
8.2.3	0.004	0.004	20.52
8.2.2	0.009	0.000	17.69
8.2.1	0.005	0.003	18.12
8.2.0	0.004	0.004	18.08
8.1.28	0.011	0.003	25.92
8.1.27	0.004	0.004	23.79
8.1.26	0.004	0.004	28.09
8.1.25	0.006	0.003	28.09
8.1.24	0.013	0.009	19.00
8.1.23	0.009	0.003	20.66
8.1.22	0.005	0.003	17.74
8.1.21	0.005	0.003	18.77
8.1.20	0.000	0.008	17.35
8.1.19	0.006	0.003	17.22
8.1.18	0.007	0.000	18.10
8.1.17	0.000	0.008	18.51
8.1.16	0.000	0.007	21.98
8.1.15	0.000	0.007	18.71
8.1.14	0.000	0.008	19.52
8.1.13	0.003	0.003	17.67
8.1.12	0.005	0.002	17.41
8.1.11	0.007	0.000	17.40
8.1.10	0.004	0.004	17.41
8.1.9	0.007	0.000	17.38
8.1.8	0.000	0.007	17.37
8.1.7	0.000	0.007	17.34
8.1.6	0.002	0.005	17.49
8.1.5	0.004	0.004	17.60
8.1.4	0.000	0.008	17.41
8.1.3	0.005	0.003	17.74
8.1.2	0.005	0.003	17.62
8.1.1	0.000	0.008	17.61
8.1.0	0.002	0.005	17.56
8.0.30	0.004	0.004	19.89
8.0.29	0.009	0.000	16.63
8.0.28	0.000	0.007	18.31
8.0.27	0.000	0.007	17.20
8.0.26	0.000	0.006	17.10
8.0.25	0.003	0.003	17.03
8.0.24	0.000	0.007	16.96
8.0.23	0.000	0.007	17.01
8.0.22	0.004	0.004	16.95
8.0.21	0.004	0.004	16.90
8.0.20	0.003	0.003	16.83
8.0.19	0.005	0.002	16.84
8.0.18	0.004	0.004	16.84
8.0.17	0.008	0.000	16.92
8.0.16	0.004	0.004	16.93
8.0.15	0.004	0.004	16.95
8.0.14	0.004	0.004	16.87
8.0.13	0.004	0.004	13.37
8.0.12	0.007	0.003	16.91
8.0.11	0.004	0.004	16.78
8.0.10	0.000	0.007	16.92
8.0.9	0.004	0.004	17.03
8.0.8	0.003	0.010	16.93
8.0.7	0.000	0.008	16.86
8.0.6	0.008	0.000	16.89
8.0.5	0.004	0.004	16.85
8.0.3	0.010	0.009	16.94
8.0.2	0.011	0.010	17.40
8.0.1	0.005	0.002	17.06
8.0.0	0.007	0.010	16.72
7.4.33	0.000	0.005	16.71
7.4.32	0.000	0.006	16.48
7.4.30	0.003	0.003	16.62
7.4.29	0.003	0.003	16.53
7.4.28	0.006	0.003	16.52
7.4.27	0.003	0.003	16.62
7.4.26	0.000	0.007	16.59
7.4.25	0.005	0.004	16.42
7.4.24	0.002	0.005	16.59
7.4.23	0.003	0.003	16.27
7.4.22	0.013	0.006	16.46
7.4.21	0.011	0.008	16.60
7.4.20	0.000	0.007	16.69
7.4.16	0.004	0.011	16.62
7.4.15	0.007	0.013	17.40
7.4.14	0.013	0.005	17.86
7.4.13	0.009	0.009	16.70
7.4.12	0.008	0.013	16.49
7.4.11	0.003	0.016	16.28
7.4.10	0.009	0.009	16.45
7.4.9	0.009	0.009	16.52
7.4.8	0.010	0.013	19.39
7.4.7	0.012	0.006	16.50
7.4.6	0.007	0.010	16.63
7.4.5	0.012	0.002	16.32
7.4.4	0.010	0.007	16.52
7.4.3	0.011	0.007	16.25
7.4.0	0.006	0.009	14.79
7.3.33	0.007	0.000	13.19
7.3.32	0.005	0.000	13.04
7.3.31	0.000	0.007	16.36
7.3.30	0.000	0.007	16.33
7.3.29	0.000	0.006	16.18
7.3.28	0.007	0.009	16.25
7.3.27	0.009	0.009	17.40
7.3.26	0.009	0.008	16.61
7.3.25	0.011	0.010	16.37
7.3.24	0.010	0.011	16.49
7.3.23	0.007	0.011	16.39
7.3.21	0.006	0.010	16.51
7.3.20	0.010	0.007	16.20
7.3.19	0.008	0.008	16.28
7.3.18	0.018	0.000	16.42
7.3.17	0.012	0.006	16.44
7.3.16	0.006	0.009	16.41
7.3.12	0.010	0.004	14.85
7.3.11	0.010	0.003	14.49
7.3.10	0.010	0.007	14.77
7.3.9	0.005	0.005	14.70
7.3.8	0.008	0.008	14.68
7.3.7	0.006	0.012	14.45
7.3.6	0.003	0.012	14.80
7.3.5	0.003	0.007	14.91
7.3.4	0.006	0.003	14.30
7.3.3	0.006	0.009	14.68
7.3.2	0.008	0.004	16.47
7.3.1	0.000	0.010	16.32
7.3.0	0.003	0.011	16.52
7.2.33	0.010	0.007	16.31
7.2.32	0.006	0.012	16.57
7.2.31	0.004	0.013	16.54
7.2.30	0.012	0.012	16.24
7.2.29	0.007	0.010	16.40
7.2.25	0.011	0.007	14.96
7.2.24	0.006	0.006	14.79
7.2.23	0.012	0.006	14.89
7.2.22	0.000	0.009	14.77
7.2.21	0.007	0.007	14.75
7.2.20	0.003	0.015	14.59
7.2.19	0.000	0.016	14.84
7.2.18	0.006	0.006	14.93
7.2.17	0.007	0.007	14.54
7.2.6	0.003	0.010	16.82
7.2.0	0.000	0.011	19.46
7.1.33	0.003	0.008	15.65
7.1.32	0.007	0.004	15.64
7.1.31	0.000	0.014	15.65
7.1.30	0.003	0.009	15.20
7.1.29	0.004	0.007	15.60
7.1.28	0.000	0.010	15.67
7.1.27	0.004	0.004	15.41
7.1.26	0.007	0.004	15.43
7.1.20	0.003	0.006	15.77
7.1.10	0.003	0.006	18.10
7.1.7	0.011	0.006	16.68
7.1.6	0.010	0.014	19.36
7.1.5	0.004	0.007	16.63
7.1.0	0.010	0.073	22.30
7.0.20	0.004	0.004	16.70
7.0.6	0.010	0.043	20.01
7.0.5	0.007	0.080	17.90
7.0.4	0.010	0.073	20.30
7.0.3	0.020	0.040	20.09
7.0.2	0.033	0.057	20.33
7.0.1	0.007	0.043	20.17
7.0.0	0.007	0.050	20.04
5.6.28	0.007	0.063	20.92
5.6.21	0.000	0.050	20.52
5.6.20	0.003	0.043	18.11
5.6.19	0.020	0.077	20.61
5.6.18	0.033	0.040	20.60
5.6.17	0.023	0.043	20.42
5.6.16	0.010	0.087	20.46
5.6.15	0.010	0.070	18.12
5.6.14	0.013	0.067	18.18
5.6.13	0.020	0.070	18.20
5.6.12	0.000	0.053	21.01
5.6.11	0.003	0.093	21.09
5.6.10	0.010	0.057	21.07
5.6.9	0.013	0.080	20.97
5.6.8	0.013	0.063	20.43
5.5.35	0.013	0.080	20.29
5.5.34	0.013	0.073	17.92
5.5.33	0.010	0.077	20.25
5.5.32	0.020	0.067	20.51
5.5.31	0.020	0.043	20.32
5.5.30	0.007	0.040	17.94
5.5.29	0.003	0.087	17.92
5.5.28	0.007	0.037	20.89
5.5.27	0.010	0.080	20.98
5.5.26	0.003	0.087	20.88
5.5.25	0.010	0.083	20.58
5.5.24	0.017	0.080	20.28