{"id":87677,"date":"2018-06-27T09:50:51","date_gmt":"2018-06-27T09:50:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/inline-styles-littlebizzy\/"},"modified":"2018-07-03T07:24:33","modified_gmt":"2018-07-03T07:24:33","slug":"inline-styles-littlebizzy","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/inline-styles-littlebizzy\/","author":8897393,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"4.9.29","requires":"4.4","requires_php":"7.2","requires_plugins":"","header_name":"Inline Styles","header_author":"LittleBizzy","header_description":"Automagically loads content from your theme style.css in the site-wide head of your WordPress site as internal (embedded) CSS for faster page render.","assets_banners_color":"","last_updated":"2018-07-03 07:24:33","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.patreon.com\/littlebizzy","header_plugin_uri":"https:\/\/www.littlebizzy.com\/plugins\/inline-styles","header_author_uri":"https:\/\/www.littlebizzy.com","rating":3.7,"author_block_rating":0,"active_installs":30,"downloads":2581,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":"1","2":0,"3":0,"4":0,"5":"2"},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1901924","resolution":"256x256","location":"assets"}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.1.0"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[356,3195,3936,10584,2003],"plugin_category":[59],"plugin_contributors":[81153],"plugin_business_model":[],"class_list":["post-87677","plugin","type-plugin","status-closed","hentry","plugin_tags-css","plugin_tags-head","plugin_tags-inline","plugin_tags-internal","plugin_tags-styles","plugin_category-utilities-and-tools","plugin_contributors-littlebizzy"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/inline-styles-littlebizzy.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Automagically loads styles from your active theme and plugins in the site-wide head of your site as internal (embedded) CSS for faster page render.<\/p>\n\n<ul>\n<li><a href=\"https:\/\/www.facebook.com\/groups\/littlebizzy\/\"><strong>Join our FREE Facebook group for support!<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/support\/plugin\/inline-styles-littlebizzy\/reviews\/?rate=5#new-post\"><strong>Worth a 5-star review? Thank you!<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/www.littlebizzy.com\/plugins\/inline-styles\">Plugin Homepage<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/littlebizzy\/inline-styles\">Plugin GitHub<\/a><\/li>\n<\/ul>\n\n<p><em>Our related OSS projects:<\/em><\/p>\n\n<ul>\n<li><a href=\"https:\/\/slickstack.io\">SlickStack (LEMP stack automation)<\/a><\/li>\n<li><a href=\"https:\/\/wplite.org\">WP Lite boilerplate<\/a><\/li>\n<li><a href=\"https:\/\/starter.littlebizzy.com\">Starter Theme<\/a><\/li>\n<\/ul>\n\n<h4>The Long Version<\/h4>\n\n<p>This plugin does 3 main things:<\/p>\n\n<ol>\n<li>converts all CSS to inline  for better performance, less conflicts, and less cache\/CDN management.\n\n2. strips all IE conditional CSS (99% not needed, and causes conflicts).\n\n3. force-removes hard-coded CSS after HTML is rendered.\n\nWARNING: do not hard-code any CSS references (&lt;link rel=&quot;css&quot;) into your WordPress theme if using this plugin. Not only will such instances not be converted to inline CSS but they will also be force-removed after page renders. This plugin is meant for sites with several CSS references that need a simple way to speed up\/clean up their styles, while also avoiding cache\/etc conflicts. It is not meant for custom WordPress themes that are already well optimized with a single style.css file. In such cases, you can simply use a code snippet like below to convert to inline styling in your header.php theme file:\n\n    \n    \n    <\/li>\n<\/ol>\n\n<h3><\/h3>\n\n<p>Before the registered styles are processed, it checks the current queue and inspect for local styles, indistinctly for themes and plugins.<\/p>\n\n<p>If so, then changes the mode that WP serves these styles, getting the file contents and setting it as an inline content, letting the whole process be managed by WP and keeping the same order the stylesheets are introduced.<\/p>\n\n<p>Before to set the inline style content, it changes all the \"url(..\" references to absolute paths, so for convenience any URL must be referenced using the url() notation, which is the usual way.<\/p>\n\n<p>Coming soon: support for fixing @import instances.<\/p>\n\n<p>Google encourages inline ... in the site-wide head to speed up above-the-fold rendering. They warn webmasters not to use massive inline styles as it might slow down your site, however, if your WordPress site is using a reasonable size CSS then it should be no problem. LittleBizzy.com has used this method for several years and seen a big improvement in loading speed and even SEO rankings (although due to various factors). PageSpeed Insights does not give our site warnings for \"Prioritize Visible Content\" meaning that Google thinks our inline CSS is a small enough size to be considered beneficial to overall loading speed. This plugin will work best on sites who have successfully considered their CSS code into a single style.css theme file.<\/p>\n\n<p>https:\/\/developers.google.com\/speed\/docs\/insights\/OptimizeCSSDelivery<\/p>\n\n<p>https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?url=https%3A%2F%2Fwww.littlebizzy.com%2Fplugins&amp;tab=desktop<\/p>\n\n<h3><\/h3>\n\n<p>Version 1.1.0 update: Now force-removes any hard-coded CSS from page render to avoid conflicts and duplicate CSS. It does this after all HTML is already rendered to avoid conflicts. IE conditional tags are now also stripped:<\/p>\n\n<ul>\n<li><p>For all properly registered external styles, the plugin changes the declaration to inline and loads the file content (absolutizing the background URLs) into specific inline WP variables.<\/p><\/li>\n<li><p>Any other link tag (with rel=\"stylesheet\" or type=\"text\/css\") having a 'wp-content' href URL (introduced usign hooks or template harcoding), and not declared in (1), will be removed.<\/p><\/li>\n<li><p>Conditional styles are allowed and they will not be converted to inline styles, except for conditionals involving IE, in which case they will be discarded.<\/p><\/li>\n<\/ul>\n\n<p>Future might have a defined constant to include conditional IE CSS if the community desires this feature.<\/p>\n\n<h4>Compatibility<\/h4>\n\n<p>This plugin has been designed for use on LEMP (Nginx) web servers with PHP 7.0 and MySQL 5.7 to achieve best performance. All of our plugins are meant for single site WordPress installations only; for both performance and security reasons, we highly recommend against using WordPress Multisite for the vast majority of projects.<\/p>\n\n<h4>Defined Constants<\/h4>\n\n<p>The following defined constants are supported by this plugin:<\/p>\n\n<ul>\n<li><code>define('DISABLE_NAG_NOTICES', true);<\/code><\/li>\n<\/ul>\n\n<h4>Plugin Features<\/h4>\n\n<ul>\n<li>Settings Page: No<\/li>\n<li>Premium Version Available: Yes (<a href=\"https:\/\/www.littlebizzy.com\/plugins\/speed-demon\">Speed Demon<\/a>)<\/li>\n<li>Includes Media (Images, Icons, Etc): No<\/li>\n<li>Includes CSS: No<\/li>\n<li>Database Storage: Yes\n\n<ul>\n<li>Transients: No<\/li>\n<li>Options: Yes<\/li>\n<li>Creates New Tables: No<\/li>\n<\/ul><\/li>\n<li>Database Queries: Backend Only (Options API)<\/li>\n<li>Must-Use Support: Yes (Use With <a href=\"https:\/\/github.com\/littlebizzy\/autoloader\">Autoloader<\/a>)<\/li>\n<li>Multisite Support: No<\/li>\n<li>Uninstalls Data: Yes<\/li>\n<\/ul>\n\n<h4>WP Admin Notices<\/h4>\n\n<p>This plugin generates multiple <a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/admin_notices\">Admin Notices<\/a> in the WP Admin dashboard. The first is a notice that fires during plugin activation which recommends several related free plugins that we believe will enhance this plugin's features; this notice will re-appear approximately once every 6 months as our code and recommendations evolve. The second is a notice that fires a few days after plugin activation which asks for a 5-star rating of this plugin on its WordPress.org profile page. This notice will re-appear approximately once every 9 months. These notices can be dismissed by clicking the <strong>(x)<\/strong> symbol in the upper right of the notice box. These notices may annoy or confuse certain users, but are appreciated by the majority of our userbase, who understand that these notices support our free contributions to the WordPress community while providing valuable (free) recommendations for optimizing their website.<\/p>\n\n<p>If you feel that these notices are too annoying, than we encourage you to consider one or more of our upcoming premium plugins that combine several free plugin features into a single control panel, or even consider developing your own plugins for WordPress, if supporting free plugin authors is too frustrating for you. A final alternative would be to place the defined constant mentioned below inside of your <code>wp-config.php<\/code> file to manually hide this plugin's nag notices:<\/p>\n\n<pre><code>define('DISABLE_NAG_NOTICES', true);\n<\/code><\/pre>\n\n<p>Note: This defined constant will only affect the notices mentioned above, and will not affect any other notices generated by this plugin or other plugins, such as one-time notices that communicate with admin-level users.<\/p>\n\n<h4>Inspiration<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\">Autoptimize<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/css-plus\/\">CSS Plus<\/a><\/li>\n<\/ul>\n\n<h4>Free Plugins<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/404-to-homepage-littlebizzy\/\">404 To Homepage<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/littlebizzy\/autoloader\">Autoloader<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/cf-littlebizzy\/\">CloudFlare<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/delete-expired-transients-littlebizzy\/\">Delete Expired Transients<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-admin-ajax-littlebizzy\/\">Disable Admin-AJAX<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-author-pages-littlebizzy\/\">Disable Author Pages<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-cart-fragments-littlebizzy\/\">Disable Cart Fragments<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-embeds-littlebizzy\/\">Disable Embeds<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-emojis-littlebizzy\/\">Disable Emojis<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-empty-trash-littlebizzy\/\">Disable Empty Trash<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-image-compression-littlebizzy\/\">Disable Image Compression<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-jq-migrate-littlebizzy\/\">Disable jQuery Migrate<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-search-littlebizzy\/\">Disable Search<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-wc-status-littlebizzy\/\">Disable WooCommerce Status<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-wc-styles-littlebizzy\/\">Disable WooCommerce Styles<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-xml-rpc-littlebizzy\/\">Disable XML-RPC<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/download-media-littlebizzy\/\">Download Media<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/download-plugin-littlebizzy\/\">Download Plugin<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/download-theme-littlebizzy\/\">Download Theme<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/duplicate-post-littlebizzy\/\">Duplicate Post<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/enable-subtitles-littlebizzy\/\">Enable Subtitles<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/export-database-littlebizzy\/\">Export Database<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/fb-pixel-littlebizzy\/\">Facebook Pixel<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/force-https-littlebizzy\/\">Force HTTPS<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/force-strong-hashing-littlebizzy\/\">Force Strong Hashing<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ga-littlebizzy\/\">Google Analytics<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/header-cleanup-littlebizzy\/\">Header Cleanup<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/index-autoload-littlebizzy\/\">Index Autoload<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/inline-styles-littlebizzy\/\">Inline Styles<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/maintenance-mode-littlebizzy\/\">Maintenance Mode<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/profile-change-alerts-littlebizzy\/\">Profile Change Alerts<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/remove-category-base-littlebizzy\/\">Remove Category Base<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/remove-query-strings-littlebizzy\/\">Remove Query Strings<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/server-status-littlebizzy\/\">Server Status<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/sc-littlebizzy\/\">StatCounter<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/view-defined-constants-littlebizzy\/\">View Defined Constants<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/virtual-robotstxt-littlebizzy\/\">Virtual Robots.txt<\/a><\/li>\n<\/ul>\n\n<h4>Special Thanks<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/www.alexgeorgiou.gr\">Alex Georgiou<\/a><\/li>\n<li><a href=\"https:\/\/automattic.com\">Automattic<\/a><\/li>\n<li><a href=\"https:\/\/bradt.ca\">Brad Touesnard<\/a><\/li>\n<li><a href=\"http:\/\/www.danielauener.com\">Daniel Auener<\/a><\/li>\n<li><a href=\"https:\/\/deliciousbrains.com\">Delicious Brains<\/a><\/li>\n<li><a href=\"https:\/\/gregrickaby.com\">Greg Rickaby<\/a><\/li>\n<li><a href=\"https:\/\/ma.tt\">Matt Mullenweg<\/a><\/li>\n<li><a href=\"https:\/\/halfelf.org\">Mika Epstein<\/a><\/li>\n<li><a href=\"https:\/\/mikengarrett.com\">Mike Garrett<\/a><\/li>\n<li><a href=\"http:\/\/ottopress.com\">Samuel Wood<\/a><\/li>\n<li><a href=\"http:\/\/coffee2code.com\">Scott Reilly<\/a><\/li>\n<li><a href=\"https:\/\/profiles.wordpress.org\/jdembowski\">Jan Dembowski<\/a><\/li>\n<li><a href=\"https:\/\/perishablepress.com\">Jeff Starr<\/a><\/li>\n<li><a href=\"https:\/\/jeffc.me\">Jeff Chandler<\/a><\/li>\n<li><a href=\"https:\/\/jeffmatson.net\">Jeff Matson<\/a><\/li>\n<li><a href=\"https:\/\/jeremywagner.me\">Jeremy Wagner<\/a><\/li>\n<li><a href=\"https:\/\/jjj.blog\">John James Jacoby<\/a><\/li>\n<li><a href=\"https:\/\/leland.me\">Leland Fiegel<\/a><\/li>\n<li><a href=\"https:\/\/www.paulirish.com\">Paul Irish<\/a><\/li>\n<li><a href=\"https:\/\/profiles.wordpress.org\/rahul286\">Rahul Bansal<\/a><\/li>\n<li><a href=\"https:\/\/roots.io\">Roots<\/a><\/li>\n<li><a href=\"https:\/\/rtcamp.com\">rtCamp<\/a><\/li>\n<li><a href=\"https:\/\/geek.hellyer.kiwi\">Ryan Hellyer<\/a><\/li>\n<li><a href=\"https:\/\/wpchat.com\">WP Chat<\/a><\/li>\n<li><a href=\"https:\/\/wptavern.com\">WP Tavern<\/a><\/li>\n<\/ul>\n\n<h4>Disclaimer<\/h4>\n\n<p>We released this plugin in response to our managed hosting clients asking for better access to their server, and our primary goal will remain supporting that purpose. Although we are 100% open to fielding requests from the WordPress community, we kindly ask that you keep the above-mentioned goals in mind... thanks!<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload to <code>\/wp-content\/plugins\/inline-styles-littlebizzy<\/code><\/li>\n<li>Activate via WP Admin &gt; Plugins<\/li>\n<li>Test the plugin by refreshing pages and checking source code<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><ol>\n<li>Upload to <code>\/wp-content\/plugins\/inline-styles-littlebizzy<\/code><\/li>\n<li>Activate via WP Admin &gt; Plugins<\/li>\n<li>Test the plugin by refreshing pages and checking source code<\/li>\n<\/ol><\/dd>\n<dt>How can I change this plugin's settings?<\/dt>\n<dd><p>This plugin does not have a settings page and is designed for speed and simplicity.<\/p><\/dd>\n<dt>I have a suggestion, how can I let you know?<\/dt>\n<dd><p>Please avoid leaving negative reviews in order to get a feature implemented. Instead, we kindly ask that you post your feedback on the wordpress.org support forums by tagging this plugin in your post. If needed, you may also contact our homepage.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>strips out all conditional IE styles from inline styles<\/li>\n<li>removes all hard-coded <code>wp-content<\/code> CSS references (&lt;link...&gt;) from HTML page render<\/li>\n<li>added rating request notice<\/li>\n<li>added recommended plugins notice<\/li>\n<li>updated plugin meta<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>initial release<\/li>\n<li>tested with PHP 7.0<\/li>\n<li>tested with PHP 7.1<\/li>\n<li>tested with PHP 7.2<\/li>\n<li>plugin written with PHP namespaces<\/li>\n<li>object-oriented codebase<\/li>\n<\/ul>","raw_excerpt":"Automagically loads styles from your active theme and plugins in the site-wide head of your site as internal (embedded) CSS for faster page render.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/87677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=87677"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/littlebizzy"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=87677"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=87677"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=87677"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=87677"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=87677"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=87677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}