Will Stocks

OK – this is where things get interesting!

I just had all my pages in the queue to build out my CCSS from scratch (I cleared all rules).

I’ve seen one job hit the criticalcss.com API (only row in the queue went from N to P – it sat on P for about 10 minutes (CCSS.com had generated the rules 10m ago)) and now my entire queue is empty again?

Thanks Frank!

I logged in via SFTP this morning and noticed that file wasn’t there. Logged in to my site and it looks like the queue processed overnight (although it doesn’t look like the entire queue processed, just a small number of pages according to criticalcss.com).

I’ve kicked things off again this morning and will keep an eye on how things go over the next hour or so ??

Have disabled “debug mode” for the time being

Done

And it’s https://willstocks.co.uk

Just checked cron manager and I can see that ao_ccss_queue is firing every 10 minutes. I even manually executed but no luck!

ao_ccss_queue
Autoptimize CriticalCSS
In 6 mins
2nd June 2020 4:00 PM

Please ignore… my server seemed to have fallen half an hour out of whack!!!

Hey @rilwis
Do you have any further thoughts on this?
I’ve tried a few things, but nothing seems to work for me ??

@rilwis I’ve been doing some research – there’s something in WordPress stripping this attribute out, but I’ve no idea how to work around it.

It’s available to add in Gutenberg (via a HTML or Video block I believe), but via “standard” WordPress methods, it doesn’t seem to work… I’m hoping you have more of an idea because my WP Dev experience is next to none! HA!

Hi @rilwis

Applied:

elseif ( get_post_format() == 'video' && rwmb_meta( 'linx_pf_video_data' ) != '' ) : ?>
  <div class="entry-media">
    <?php echo get_post_meta( get_the_ID(), 'linx_pf_video_data', true ); ?>
  </div> <?php

And I’m still seeing the following output on the frontend:

<div class="entry-media">
  <video preload="auto" class="lazyloaded " muted="" loop="" data-autoplay="" style="width:100%" src="https://cdn.willstocks.com/wp-content/uploads/2018/12/Mpow-Flame-2018-Special-Edition-Video-1.mp4" data-expand="-10">
  </video> 
</div>

Hi @rilwis

Apologies, I have been crazy busy for the last week + away!

My output is fairly simple to be honest:

		<?php
			if ( $layout == 'one' || ( linx_is_first_post() && linx_get_option( 'linx_first_post_full', false ) == true ) ) {
				if ( ! get_post_format() && has_post_thumbnail() ) :
					linx_entry_media( array( 'layout' => 'one', 'cover' => $cover ) );
				elseif ( get_post_format() == 'video' && rwmb_meta( 'linx_pf_video_data' ) != '' ) : ?>
					<div class="entry-media">
						<?php echo rwmb_meta( 'linx_pf_video_data' ); ?>
					</div> <?php
				elseif ( get_post_format() == 'gallery' ) :
					linx_entry_media( array( 'layout' => $layout, 'gallery' => true ) );
				elseif ( get_post_format() == 'audio' && rwmb_meta( 'linx_pf_audio_data' ) != '' ) : ?>
					<div class="entry-media">
						<?php echo rwmb_meta( 'linx_pf_audio_data' ); ?>
					</div> <?php
				endif;
			} else {
				linx_entry_media( array( 'layout' => $layout, 'cover' => $cover ) );
			}
		?>

Hi @rilwis

Thanks for checking this again for me – however my issue is not so much on the backend, it’s actually the frontend.

The backend, everything is fine and the attributes are correctly there. It’s the actual <video that is output on the frontend (see: https://willstocks.co.uk/review-mpow-flame-2018-special-edition/ as an example) that is missing the two necessary attributes.

Thanks,

Will

Thanks @vmarko

I will give that a go – however, after digging a little further (I haven’t touched these configs in quite a while), I don’t know if it will take effect as nginx is essentially handing everything off to Apache for PHP:

	location / {
		try_files 					$uri $uri/ /index.php?$args;
		add_header X-Cache-Bypass 	$skip_reason;
	}

	location ~ \.php$ {
		proxy_set_header 			X-Real-IP $remote_addr;
		proxy_set_header 			X-Forwarded-For $remote_addr;
		proxy_set_header 			X-Forwarded-Host $host;
		proxy_set_header 			Host $host;
		proxy_set_header 			X-Forwarded-Proto $scheme;
		proxy_pass 					https://127.0.0.1:8080$request_uri;
		add_header 					Front-End-Https	on;
		proxy_redirect				off;
		proxy_buffering        		off;
		proxy_cache            		edge-cache;
		proxy_cache_revalidate		on;
		proxy_cache_use_stale  		error timeout invalid_header updating http_500 http_502 http_503 http_504;
		proxy_cache_bypass 			$skip_cache;
		proxy_no_cache 				$skip_cache;
		proxy_cache_valid 			200 301 302 500m;
		proxy_cache_valid 			404 1m;
		add_header X-Cache-Status 	$upstream_cache_status;
		add_header X-Cache-Bypass 	$skip_reason;
	}

Thanks @vmarko – I will triple check ??

nginx is simply reverse-proxying apache at the moment (which proxy’s PHP 7.3).

Could I ask a favour… what would I need to add to my nginx/apache config to cater for this>

My nginx conf:

	location ~ /\.ht {
		deny all;
	}
	
	location ~ \.(css|htc|less|js|js2|js3|js4)$ {
	    expires 31536000s;
	    etag on;
	    if_modified_since exact;
	    try_files $uri $uri/ $uri.html /index.php?$args;
	    add_header X-Cache-Status 	$upstream_cache_status;
	    add_header X-Cache-Bypass 	$skip_reason;
	    add_header X-Handled-By 	$customhandledby;
	}
	
	location ~ \.(html|htm|rtf|rtx|svg|txt|xsd|xsl|xml)$ {
	    expires 3600s;
	    etag on;
	    if_modified_since exact;
	    try_files $uri $uri/ $uri.html /index.php?$args;
		add_header X-Cache-Status 	$upstream_cache_status;
		add_header X-Cache-Bypass 	$skip_reason;
		add_header X-Handled-By 	$customhandledby;
	}
	
	location ~ \.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|webp|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|_ttf|wav|wma|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|zip)$ {
	    expires 31536000s;
	    etag on;
	    if_modified_since exact;
	    try_files $uri $uri/ $uri.html /index.php?$args;
		add_header X-Cache-Status 	$upstream_cache_status;
		add_header X-Cache-Bypass 	$skip_reason;
		add_header X-Handled-By 	$customhandledby;
	}

My root htaccess:

# BEGIN W3TC Browser Cache
<IfModule mod_mime.c>
    AddType text/css .css
    AddType text/x-component .htc
    AddType application/x-javascript .js
    AddType application/javascript .js2
    AddType text/javascript .js3
    AddType text/x-js .js4
    AddType text/html .html .htm
    AddType text/richtext .rtf .rtx
    AddType text/plain .txt
    AddType text/xsd .xsd
    AddType text/xsl .xsl
    AddType text/xml .xml
    AddType video/asf .asf .asx .wax .wmv .wmx
    AddType video/avi .avi
    AddType image/bmp .bmp
    AddType application/java .class
    AddType video/divx .divx
    AddType application/msword .doc .docx
    AddType application/vnd.ms-fontobject .eot
    AddType application/x-msdownload .exe
    AddType image/gif .gif
    AddType application/x-gzip .gz .gzip
    AddType image/x-icon .ico
    AddType image/jpeg .jpg .jpeg .jpe
    AddType image/webp .webp
    AddType application/json .json
    AddType application/vnd.ms-access .mdb
    AddType audio/midi .mid .midi
    AddType video/quicktime .mov .qt
    AddType audio/mpeg .mp3 .m4a
    AddType video/mp4 .mp4 .m4v
    AddType video/mpeg .mpeg .mpg .mpe
    AddType video/webm .webm
    AddType application/vnd.ms-project .mpp
    AddType application/x-font-otf .otf
    AddType application/vnd.ms-opentype ._otf
    AddType application/vnd.oasis.opendocument.database .odb
    AddType application/vnd.oasis.opendocument.chart .odc
    AddType application/vnd.oasis.opendocument.formula .odf
    AddType application/vnd.oasis.opendocument.graphics .odg
    AddType application/vnd.oasis.opendocument.presentation .odp
    AddType application/vnd.oasis.opendocument.spreadsheet .ods
    AddType application/vnd.oasis.opendocument.text .odt
    AddType audio/ogg .ogg
    AddType application/pdf .pdf
    AddType image/png .png
    AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
    AddType audio/x-realaudio .ra .ram
    AddType image/svg+xml .svg .svgz
    AddType application/x-shockwave-flash .swf
    AddType application/x-tar .tar
    AddType image/tiff .tif .tiff
    AddType application/x-font-ttf .ttf .ttc
    AddType application/vnd.ms-opentype ._ttf
    AddType audio/wav .wav
    AddType audio/wma .wma
    AddType application/vnd.ms-write .wri
    AddType application/font-woff .woff
    AddType application/font-woff2 .woff2
    AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
    AddType application/zip .zip
</IfModule>
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType text/css A31536000
    ExpiresByType text/x-component A31536000
    ExpiresByType application/x-javascript A31536000
    ExpiresByType application/javascript A31536000
    ExpiresByType text/javascript A31536000
    ExpiresByType text/x-js A31536000
    ExpiresByType text/html A3600
    ExpiresByType text/richtext A3600
    ExpiresByType text/plain A3600
    ExpiresByType text/xsd A3600
    ExpiresByType text/xsl A3600
    ExpiresByType text/xml A3600
    ExpiresByType video/asf A31536000
    ExpiresByType video/avi A31536000
    ExpiresByType image/bmp A31536000
    ExpiresByType application/java A31536000
    ExpiresByType video/divx A31536000
    ExpiresByType application/msword A31536000
    ExpiresByType application/vnd.ms-fontobject A31536000
    ExpiresByType application/x-msdownload A31536000
    ExpiresByType image/gif A31536000
    ExpiresByType application/x-gzip A31536000
    ExpiresByType image/x-icon A31536000
    ExpiresByType image/jpeg A31536000
    ExpiresByType image/webp A31536000
    ExpiresByType application/json A31536000
    ExpiresByType application/vnd.ms-access A31536000
    ExpiresByType audio/midi A31536000
    ExpiresByType video/quicktime A31536000
    ExpiresByType audio/mpeg A31536000
    ExpiresByType video/mp4 A31536000
    ExpiresByType video/mpeg A31536000
    ExpiresByType video/webm A31536000
    ExpiresByType application/vnd.ms-project A31536000
    ExpiresByType application/x-font-otf A31536000
    ExpiresByType application/vnd.ms-opentype A31536000
    ExpiresByType application/vnd.oasis.opendocument.database A31536000
    ExpiresByType application/vnd.oasis.opendocument.chart A31536000
    ExpiresByType application/vnd.oasis.opendocument.formula A31536000
    ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
    ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
    ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
    ExpiresByType application/vnd.oasis.opendocument.text A31536000
    ExpiresByType audio/ogg A31536000
    ExpiresByType application/pdf A31536000
    ExpiresByType image/png A31536000
    ExpiresByType application/vnd.ms-powerpoint A31536000
    ExpiresByType audio/x-realaudio A31536000
    ExpiresByType image/svg+xml A31536000
    ExpiresByType application/x-shockwave-flash A31536000
    ExpiresByType application/x-tar A31536000
    ExpiresByType image/tiff A31536000
    ExpiresByType application/x-font-ttf A31536000
    ExpiresByType application/vnd.ms-opentype A31536000
    ExpiresByType audio/wav A31536000
    ExpiresByType audio/wma A31536000
    ExpiresByType application/vnd.ms-write A31536000
    ExpiresByType application/font-woff A31536000
    ExpiresByType application/font-woff2 A31536000
    ExpiresByType application/vnd.ms-excel A31536000
    ExpiresByType application/zip A31536000
</IfModule>
<IfModule mod_brotli.c>
    <IfModule mod_filter.c>
        AddOutputFilterByType BROTLI_COMPRESS text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access video/webm application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint image/svg+xml application/x-shockwave-flash image/tiff application/x-font-ttf application/vnd.ms-opentype audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel
    <IfModule mod_mime.c>
        # BROTLI_COMPRESS by extension
        AddOutputFilter BROTLI_COMPRESS js css htm html xml
    </IfModule>
    </IfModule>
</IfModule>
<IfModule mod_deflate.c>
    <IfModule mod_filter.c>
        AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access video/webm application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint image/svg+xml application/x-shockwave-flash image/tiff application/x-font-ttf application/vnd.ms-opentype audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel
    <IfModule mod_mime.c>
        # DEFLATE by extension
        AddOutputFilter DEFLATE js css htm html xml
    </IfModule>
    </IfModule>
</IfModule>
<FilesMatch "\.(css|htc|less|js|js2|js3|js4|CSS|HTC|LESS|JS|JS2|JS3|JS4)$">
    FileETag MTime Size
    <IfModule mod_headers.c>
         Header unset Set-Cookie
    </IfModule>
</FilesMatch>
<FilesMatch "\.(html|htm|rtf|rtx|txt|xsd|xsl|xml|HTML|HTM|RTF|RTX|TXT|XSD|XSL|XML)$">
    FileETag MTime Size
    <IfModule mod_headers.c>
        Header append Vary User-Agent env=!dont-vary
    </IfModule>
</FilesMatch>
<FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|webp|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|_ttf|wav|wma|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|BMP|CLASS|DIVX|DOC|DOCX|EOT|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|WEBP|JSON|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|WEBM|MPP|OTF|_OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SVG|SVGZ|SWF|TAR|TIF|TIFF|TTF|TTC|_TTF|WAV|WMA|WRI|WOFF|WOFF2|XLA|XLS|XLSX|XLT|XLW|ZIP)$">
    FileETag MTime Size
    <IfModule mod_headers.c>
         Header unset Set-Cookie
    </IfModule>
</FilesMatch>
<FilesMatch "\.(bmp|class|doc|docx|eot|exe|ico|json|mdb|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|pot|pps|ppt|pptx|svg|svgz|swf|tif|tiff|ttf|ttc|_ttf|wav|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|BMP|CLASS|DOC|DOCX|EOT|EXE|ICO|JSON|MDB|WEBM|MPP|OTF|_OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|POT|PPS|PPT|PPTX|SVG|SVGZ|SWF|TIF|TIFF|TTF|TTC|_TTF|WAV|WRI|WOFF|WOFF2|XLA|XLS|XLSX|XLT|XLW)$">
    <IfModule mod_headers.c>
         Header unset Last-Modified
    </IfModule>
</FilesMatch>
<IfModule mod_headers.c>
    Header set Referrer-Policy "no-referrer-when-downgrade"
</IfModule>
# END W3TC Browser Cache

Hi @vmarko

Is this one still planned at some point? I noticed my /feed weighs in at around 220 – 250KB as standard still.

This could/should be around 50KB using gzip (I have brotli enabled, so even less on that front).

I use nginx -> apache -> WordPress if it matters?

Hi @rilwis

Any further advice on this issue? The sanitization fix does not resolve.

Thanks,

Will

Hi @rilwis

I did try setting sanitize as follows:

   'priority' => 'high',
    'autosave' => true,
    'sanitize_callback' => 'none',

I also tried:

'fields' => array(
      array(
        'type' => 'heading',
        'name' => esc_html__( 'Video Format', 'linx' ),
        'id' => 'heading_id',
      ),
      array(
        'name' => esc_html__( 'Video embed code', 'linx' ),
        'id' => "{$prefix}pf_video_data",
        'type' => 'textarea',
        'sanitize_callback' => 'none',
        'cols' => 20,
        'rows' => 4,
      ),

and still I see the same issue.

I currently have the following applied to my site and you can see that those attributes still do not exist:

  $meta_boxes[] = array(
    'id' => 'format_settings',
    'title' => esc_html__( 'Post Format Settings', 'linx' ),
    'pages' => array( 'post' ),
    'context' => 'normal',
    'priority' => 'high',
    'autosave' => true,
    'sanitize_callback' => 'none',
    'fields' => array(
      array(
        'type' => 'heading',
        'name' => esc_html__( 'Video Format', 'linx' ),
        'id' => 'heading_id',
      ),
      array(
        'name' => esc_html__( 'Video embed code', 'linx' ),
        'id' => "{$prefix}pf_video_data",
        'type' => 'textarea',
        'sanitize_callback' => 'none',
        'cols' => 20,
        'rows' => 4,
      ),
      array(
        'type' => 'heading',
        'name' => esc_html__( 'Gallery Format', 'linx' ),
        'id' => 'heading_id',
      ),
      array(
        'name' => esc_html__( 'Gallery images', 'linx' ),
        'id' => "{$prefix}pf_gallery_data",
        'type' => 'image_advanced',
        'max_file_uploads' => 10,
      ),
      array(
        'type' => 'heading',
        'name' => esc_html__( 'Audio Format', 'linx' ),
        'id' => 'heading_id',
      ),
      array(
        'name' => esc_html__( 'Audio embed code', 'linx' ),
        'id' => "{$prefix}pf_audio_data",
        'type' => 'textarea',
        'cols' => 20,
        'rows' => 4,
      ),
	 array(
        'type' => 'heading',
        'name' => esc_html__( 'Link Format', 'linx' ),
        'id' => 'heading_id',
      ),
      array(
        'name' => esc_html__( 'Link to', 'linx' ),
        'id' => "{$prefix}pf_link_data",
        'type' => 'text',
      ),
    )
  );

• This reply was modified 5 years, 4 months ago by Will Stocks.