How do you speed up the loading of your WordPress site ? One way is to reduce usage of space-consuming content such as image, video, flash component (Initialization also incur waiting time) that will need to transport over network.
Another way that is more feasible is to breakup/paginate/split the post so that reader only view a portion of a page only, and then additionally clicking on certain page link to proceed viewing full or more pages of the post. This will help to reduce unnecessary download of irrelevant material, hence improving the user browsing experience.
Beside, splitting up a page also means that reader is likely to read and post the comment in PageView. The comment box will always appear in PageView regardless of multiple or single pagination.
In ListView (top), reader will have to activate PageView mode (right) to display and enter comment.
WordPress provides additional html tags to support pagination. In order to split a post, user must ensure that the tag is inserted at html code mode rather than content mode of certain html editor. If user insert at content mode, the enclosing bracket of the tag (< and >) will be automatically converted into valid html(< and > respectively).
A list of tags supported by WordPress can be found in http://codex.wordpress.org/Write_Post_SubPanel
WordPress implements two basic ways to paginate a post, namely Single Pagination and Multiple Pagination. Both are not mutually exclusive meaning both can be used at same time.
This is the most common form of pagination. This only effective at the ListView where many posts are displayed consecutively. Upon clicking on the post heading will display it in PageView.
Clicking on the main heading of the post displayed in ListView (Left image) will launch the post into PageView where the full content of the post will be shown. This is similar to clicking on the Continue Reading link.
more – <!–more–> WordPress tag that breaks a post into “teaser” and content sections. Type a few paragraphs, insert this tag, then compose the rest of your post. On your blog’s home page you’ll see only those first paragraphs with a hyperlink ((more…)), which when followed displays the rest of the post’s content.
In other words, to implement Single Pagination, just insert the following tag as is, at point where the post is to be split.
Make sure that only one such tag is added to a post, otherwise WordPress might not display the page properly.
Another way that is less commonly used is the Multiple Pagination where a post is split up into multiple pages.
page – <!–nextpage–> WordPress tag similar to the more tag, except it can be used any number of times in a post, and each insert will “break” and paginate the post at that location.
In other words, to implement Multiple Pagination, just insert the following tag as is, at point where the post is to be split into multiple page.
In this method, multiple such tag can appear in a post.
HTML code with multiple pagination
At the ListView or PageView, the pagination will be shown as series of page number link. Clicking on each page will display the portion of post associated with the tag.
The bottom of the page will demonstrate Multiple Pagination.
Not all blog editor support Pagination function out of the box, that is paginate by clicking on menu item or toolbar button. However, generally most editor has a html code mode which allow insertion of such pagination tag.
Windows Live Writer explicitly supports Single Pagination through the Split Post function.
Now that you know how to paginate your post to load more efficiently, why not start using it ?
So happy pagination !
The following demonstrates Multiple Pagination. Click on the page number.
This is Page 1