Horje
Ordering StyleSheet and JavaScript (external and inline) for performance optimization. Wordpress Tutorial

Noted That:

  • To install correctly this performance-optimization-order-styles-and-javascript.zip .
  • Fisrt Download the performance-optimization-order-styles-and-javascript.zip to your computer
  • Extract/Open performance-optimization-order-styles-and-javascript.zip to Your Computer.
  • Then, Find readme.txt file inside performance-optimization-order-styles-and-javascript.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " performance-optimization-order-styles-and-javascript.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " performance-optimization-order-styles-and-javascript.zip "  Downloaded plugin from your computer, Where you downloaded performance-optimization-order-styles-and-javascript.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Performance Optimization: Order Styles and Javascript " folder is added on left sidemenu. Now, Click on " Performance Optimization: Order Styles and Javascript " folder.

   Noted that: If you do not see " Performance Optimization: Order Styles and Javascript " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Performance Optimization: Order Styles and Javascript Configurtions and Settings or How to work " Performance Optimization: Order Styles and Javascript " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Performance Optimization: Order Styles and Javascript " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Performance Optimization: Order Styles and Javascript
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Donwload the plugin from WordPress Plugin Directory (https://wordpress.org/extend/plugins/)
  2. Upload order-styles-js.php to the /wp-content/plugins/ directory
  3. Active the plugin
  4. Add the following lines of codes at header.php file where you see section.
    You need to add only PHP lines given below. HTML code is for demonstration purpose only.
    Mime type “UTF-8” is my mime type. Mention your mime type meta tag. It will just there cut and paste just after
    Head section. If “Content-Type” is not available (suppose) in your WordPress header.php file,
    then no worry, you can add the 1st part just after .

; charset= ” />








ordering , stylesheet , javascript , external , inline , performance , optimization , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference