HTML Stripping Formatting In Excerpts

1. haven’t seen that yet, but could be a bug though. can you share example HTML with an expert with and without HTML optimization?

2. external resources (such as GA) are responsible of setting cache-ability, there’s nothing you can do there I’m afraid.

frank

Hi Frank,

Here’s an image with HTML minify on
https://newsmom.com/wp-content/uploads/2015/11/funky-excerpts.png

Here’s what they look like right now with html unchecked (scroll down to the bottom of the page and look at the last 4 excerpts)
https://newsmom.com/reviews-for-parents/

Hi Again frank, also i’m getting this error on my page speed test now.
https://gtmetrix.com/reports/newsmom.com/3WxfGDqt

RECOMMENDATION GRADE TYPE PRIORITY
Inline small CSS D (67) CSS HIGH
What’s this mean?
The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
https://newsmom.com/ should inline the following small resources:

https://newsmom.com/wp-content/cache/autoptimize/css/autoptimize_39a5293217f4cb42b42f085314ba8447.css

for HTML optimization: the reason is your excerpts contain newlines (enters) to create paragraphs;

Travel with Toddlers Isn't Easy - But These Can Help!

We travel... A lot. 

At 21 months old, my toddler had logged over 60 flight hours and she continues to sleep in her travel crib an average …

As newlines have no significance in HTML, the HTML minifier simply removes them. In the above case this means you get Help!We, but you’ll notice you don’t have that after A lot., because that has a space before the newline.

So my suggestion is to either;
* not to use “enters” to create paragraphs (you could use HTML (eg <br>) instead, which obviously does have meaning in HTML)
* or to put a space before the newline as after A lot.

Regarding the gtmetrix-warning; you can add .simple-social-icons to the comma-seperated CSS optimization exclusion list and the warning will go away.

hope this helps,
frank

Thanks Frank,

Now google is telling me I have “3 blocking CSS resources. This causes a delay in rendering your page.”

I’m a novice. Can you tell me what exactly I copy/paste into the exclusion list for these three? the actual text? Thanks so much for your help!

https://newsmom.com/wp-includes/css/dashicons.min.css?ver=4.3.1
https://newsmom.com/wp-content/cache/autoptimize/css/autoptimize_c725bba7c94551b69962dcc2c1f6aeee.css
https://newsmom.com/wp-content/cache/autoptimize/css/autoptimize_39a5293217f4cb42b42f085314ba8447.css

P.S. this is the code i had to add to get the dash icons back on mobile. they were stripped when I downloaded the plugin.

Is there something here I can add to the exclusion list?

//Enqueue the Dashicons script
add_action( ‘wp_enqueue_scripts’, ‘load_dashicons_front_end’ ); function load_dashicons_front_end() { wp_enqueue_style( ‘dashicons’ ); }

Thanks again!! I really appreciate your help.

regarding the blocking autoptimize_xyz.css-files; have a look at the info in the FAQ concerning “inline all” or “inline & defer”-options.

dashicons is currently hard-excluded from autoptimization, so that is something you’ll have to live with (probably until next AO-release).

frank