ID problem and Google optimized files

Hi,

First of all i’m not a developer i’m a designer/new to wordpress:.I followed the guide by Chris S, it was little bit hard for me to understand all of that, english is not my main language.I did everything i could to improve my pagespeed.I get 89 on desktop and 74 on mobile.I asked developers at my work, they were unable to help or they just sent me away.
In your guide on eliminateing render-blocking js…. i did everything as said but where or how can i look for ids of these files :

This is my ids for all css & js.

registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td-wp-admin-general | http://domain/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://domain/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
akismet.js | domain/wp-content/plugins/akismet/_inc/akismet.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
jetpack-dashboard-widget |domain/wp-content/plugins/jetpack/css/dashboard-widget.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | domain/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
wpalchemy-metabox | domain/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
akismet.css | domain/wp-content/plugins/akismet/_inc/akismet.css
jetpack-icons | domain/wp-content/plugins/jetpack/css/jetpack-icons.min.css
jetpack | domain/wp-content/plugins/jetpack/css/jetpack-banners.min.css

Minify :
Google provides optimized images, JavaScript, and CSS resources for this page.
Is this worth to use? will it work?

thanks.

this is my htaccess file

<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
# Pagespeed Module
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
# Pagespeed Module
# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType application/x-font-woff "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
#ExpiresByType text/html "access plus 600 seconds"
#ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers

<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>


Okay. And ?

The htaccess file does nothing whatsoever related to “render blocking” CSS/JS; that is not its purpose.

The htaccess file gives directives for the server, running “above” the site for caching, expiration, redirects, etc.

Mod_Pagespeed settings won’t do anything unless your server has that.

Obviously your permalink structure for WordPress should be in your file (missing from your example).

You don’t need two sets of expire headers (!).

All of the above is to help with optimization of page loading — nothing to do with HOW the content loads on the page (aside from mod_pagespeed of course).

The only way to optimize for the CSS/JS render blocking is to build custom site without all the bells and whistles and custom load content in groups; and you can optimize some of that with the tagdiv speed booster plugin.

Yes, I know htaccess is not for anything related to “render blocking”. I’ve just sent you htaccess to make sure that everything was done correctly.
A problem is to move all these files that google showed to footer as written in main newspaper guide. As shown above in the image, there are no corresponding ids of the files.

Google suggests to optimize your files and lets you download them.

Should i use them?

Okay. Looks like you didn’t do things correctly in your htaccess file then, if that is entire file. Missing the permalinks code from your WordPress setup and duplicate elements.

As to the new “download optimized…”
Dunno. That is something entirely new. Probably similar to what GTmetrix does.

You can certainly try them, then revert back if they don’t work. It’s your website.