sujin2f

<p>If you use specific clause when you write a post or page, like signature or donation link like me, just download this plugin.</p>
<p>여러분이 서명이나 도네이션 링크 같은 특정한 구문을 포스트나 페이지에 자주 사용한다면 이 플러그인이 참 유용할 거에요.</p>
<p>In the same reason, you may want to include css or javascript code in specific pages. If you do not want to insert these code in every page, you can’t add the code into your theme file like single.php. You may copy and paste in every page you want or make some PHP code with conditional operator.</p>
<p>같은 이유로 CSS나 자바스크립트 코드를 특정 페이지들에 사용하실 수도 있겠죠. 여러분은 모든 페이지에 포함되길 원하지 않을 수도 있겠죠. 즉, 이러한 코드들을 single.php같은 테마 파일에 포함시키게 되면 예외 구문을 주게 되겠죠? 그럼 테마 코드가 지저분해질 거에요.</p>
<p>This plugin is made for those people. You can include HTML, CSS and JS file in the pages you want.</p>
<p>이 플러그인은 HTML, CSS, 자바스크립트를 원하는 페이지에만 삽입할 수 있답니다.</p>
<p>Official Page : <a href="http://www.sujinc.com/lab/html2post/" rel="nofollow ugc">HTML 2 Post</a></p>
<h3>Usage</h3>
<h4>Activate this plugin / 플러그인을 활성화하세요</h4>
<p>Download and activate this pluin</p>
<p>이 플러그인을 다운로드 하고 활성화 시키세요.</p>
<h4>Make files / 파일을 만드세요</h4>
<p>Make HTML, CSS or Javascript file to the directory /wp-content/uploads/sujin/html2post/(html|css|js).</p>
<p>HTML, CSS, 자바스크립트 파일을 /wp-content/uploads/sujin/html2post/ 하위의 html, css, js폴더에 만드세요.</p>
<h4>Edit your posts or pages / 포스트나 페이지를 작성하거나 수정할 때</h4>
<p>You can see metabox named ‘Choose External HTML’.</p>
<p>‘Choose External HTML’이라는 메타박스를 보세요.</p>
<h4>Check the options / 옵션을 체크하세요.</h4>
<ul>
<li>HTML : If you don’t check the shortcode, this plugin will replace whole content with html file. If you check that option, this plugin will replace the shortcode with html file.</li>
<li>HTML : 숏코드 뭐시기라 나온 체크박스에 체크하면 저 숏코드를 쓴 부분이 html 파일로 대치될 거에요. 체크를 하지 않으시면 여러분이 작성한 포스트의 내용은 무시되고 모든 콘텐츠가 html로 대치되겠죠?</li>
<li>Every Section : Check the radio buttons that you want to insert in this post or page.</li>
<li>모든 옵션 : 이 포스트/페이지에 추가할 파일을 선택하세요.</li>
</ul>


HTML to Post

The HTML, CSS and JS file you choose will be inserted Your post or page.

dmikam

<p>When your page is loaded by browser – all that stuff placed in HEAD tag is loaded before the page content – in blocking way. So the content is delivered to user in the last moment, after all javascript and css files are loaded.</p>
<p>If you are a webmaster or just want to make your web to make better your positions on search engines (yes, they preffer faster webs), just take a look on Google PageSpeed Insights – you’ll see that one of the mos important things is fastenes and one of the reason why your page is not so fast – is “Render-blocking JavaScript and CSS”.</p>
<p>This plugin makes ALL scripts loaded by other plugins to be loaded in asynchronous way just like Google PageSpeed Insights recommends.<br />
All CSS files will be inserted inline into the document code or moved from the document beginning to the end, just before closing BODY tag (or just where you placed wp_foot() function). There are various methods to do that – they are all in plugin’s configuration page.</p>
<p>Plugin makes all scripts to be loaded asynchronously using wp_enqueue_script and also can detect scrips included inside of wp_head and wp_footer hooks.</p>
<p>All CSS files loaded using wp_enqueue_style can be loaded just before closing BODY tag by four methods:</p>
<pre><code>* inserting <link rel="stylesheet" ...> tag

* inserting <style>@import url(...);</style>

* generating <link rel="stylesheet" ...> tag with javascript after all have loaded

* inserting ALL CSS CODE INLINE into the document (the fastest way)
</code></pre>
<p>I was inspired to create this small plugin by Asynchronous Javascript but it works in completely different way.</p>
<h3>Known incompatibilities</h3>
<pre><code>* Internet Explorer 7 - Some scripts could be loaded impropertly (trying to fix it)

* Plugin - WP JetPack - Share - everithing works but "More" dropdown menú

* Plugin - Google Analyticator<h3>Special thanks</h3>
* NicMic<h3>TODO</h3>
* Inline JS
* Minify JS
* Cache
</code></pre>


Async JS and CSS

Very good plugin in a sense that we could optimize at least something and exclude css and js that couldn't be touched.



Finally plugin that works for us

Does the job and helps to do more tweaks. 

Very good plugin

Converts render-blocking CSS and JS files into NON-render-blocking, improving performance of web page.

HTML to Post vs Async JS and CSS