diff --git a/docs/tutorial/application-packaging.md b/docs/tutorial/application-packaging.md
index f45fd8b5421f..76439681790a 100644
--- a/docs/tutorial/application-packaging.md
+++ b/docs/tutorial/application-packaging.md
@@ -67,6 +67,14 @@ Use a module from the archive:
 require('/path/to/example.asar/dir/module.js');
 ```
 
+You can also display a web page in an `asar` archive with `BrowserWindow`:
+
+```javascript
+var BrowserWindow = require('browser-window');
+var win = new BrowserWindow({width: 800, height: 600});
+win.loadUrl('file:///path/to/example.asar/static/index.html');
+```
+
 ### Web API
 
 In a web page, files in archive can be requested with the `file:` protocol. Like
@@ -83,14 +91,6 @@ $.get('file:///path/to/example.asar/file.txt', function(data) {
 </script>
 ```
 
-You can also display a web page in an `asar` archive with `BrowserWindow`:
-
-```javascript
-var BrowserWindow = require('browser-window');
-var win = new BrowserWindow({width: 800, height: 600});
-win.loadUrl('file:///path/to/example.asar/static/index.html');
-```
-
 ### Treating `asar` archive as normal file
 
 For some cases like verifying the `asar` archive's checksum, we need to read the