WEBVTT

00:02.490 --> 00:08.600
Mobile mobile mobile mobile mobile the importance of mobile mobile first design mobile performance and

00:08.750 --> 00:13.920
up version of your site a teed up version of your side of your website isn't loading two seconds on

00:13.920 --> 00:15.450
a mobile phone.

00:15.450 --> 00:21.400
Google will eat your first born child and the universe will be consumed by a supermassive black hole.

00:21.870 --> 00:27.510
If you're at all familiar with web site performance you have undoubtedly run across these are related

00:27.510 --> 00:31.070
things in your Internet travels and for good reason.

00:31.110 --> 00:37.150
More and more people are using what we refer to it WP faster as high latency devices.

00:37.170 --> 00:43.430
In other words mobile phones and tablets and using them almost exclusively to surf the Internet.

00:44.520 --> 00:50.940
So if your analytics are telling you that a significant percentage of your site's users are visiting

00:50.940 --> 00:56.160
your wordpress site on mobile phones and tablets might be high latency devices you will want to optimize

00:56.160 --> 00:59.550
your wordpress site for them.

00:59.550 --> 01:03.730
This will be an issue for some of you or some of your sites.

01:03.900 --> 01:10.260
Less than for example what less than 1 percent of WP faster or traffic comes in on mobiles or tablets.

01:10.430 --> 01:15.600
This is not something that were ourselves that particular particularly concerned with and yours might

01:15.600 --> 01:17.360
be a similar scenario.

01:17.370 --> 01:24.270
So back to the matter though what is latency exactly and how does it relate to your goal of the fastest

01:24.270 --> 01:29.490
possible version of your website for everyone everywhere at all times.

01:30.540 --> 01:36.660
How does it relate to your goal of the best possible user experience for everyone everywhere at all

01:36.660 --> 01:37.120
times.

01:37.120 --> 01:44.100
Well the term latency as it applies to what we're doing here refers to one of the two primary elements

01:44.100 --> 01:49.890
of network performance that determine just how fast your Web site will perform for users of devices

01:49.890 --> 01:51.360
like mobile phones and tablets.

01:51.360 --> 01:59.280
The other more well-known element of course being bandwidth which represents the overall capacity of

01:59.280 --> 02:00.770
the user's connection.

02:00.930 --> 02:05.390
The greater that capacity the more likely that better performance will result.

02:07.270 --> 02:13.750
The term latency specifically refers to any of several kinds of delays typically incurred in the processing

02:14.080 --> 02:16.060
of network data.

02:16.210 --> 02:23.140
A so-called low latency network connection is one that generally experiences small delay times while

02:23.140 --> 02:29.520
a high latency connection generally suffers from long delays.

02:29.750 --> 02:34.790
Although the theoretical peak bandwidth of a network connection is fixed according to the technology

02:34.790 --> 02:41.210
used the actual bandwidth of your mobile site's users will obtain varies over time and is negatively

02:41.210 --> 02:48.380
affected by high latency is excessive latency creates what are called bottlenecks and will go over a

02:48.380 --> 02:53.020
bottle neck is in more detail in future lectures.

02:53.330 --> 02:58.850
These bottlenecks prevent data from filling the network quickly thereby decreasing the effect of available

02:58.850 --> 03:00.020
bandwidth.

03:00.560 --> 03:07.520
The impact of latency on network bandwidth can be temporary lasting a few seconds or persistence being

03:07.520 --> 03:10.080
constant depending on the source of those delays.

03:10.250 --> 03:17.030
But more simply latency can and does affect bandwidth and is why the 4G network your phone is on is

03:17.210 --> 03:20.710
nonetheless frustratingly slow on occasion.

03:21.150 --> 03:25.250
At any rate I'm sure that this technical but unless you're as thoroughly get over this sort of stuff

03:25.250 --> 03:30.390
as I am is about as interesting and will prove just about as useful as calculus is to most people in

03:30.390 --> 03:31.630
the so-called real world.

03:31.630 --> 03:32.840
Well I'll be done with you.

03:34.250 --> 03:35.040
No however.

03:35.110 --> 03:40.650
And quickly because it is important that latency is not just a problem for mobile phones and tablets.

03:40.880 --> 03:46.700
It is a problem for all devices that said its ugliness is most reared on mobiles and tablets due to

03:46.700 --> 03:52.220
those being significantly less powerful than say a laptop or a desktop computer right.

03:52.430 --> 03:58.910
So how is this done and how do we reduce the latency problem inherent to mobile user experience when

03:58.940 --> 04:03.590
initially navigating to your WordPress website.

04:03.810 --> 04:08.960
You will in a future lecture be learning how to eliminate altogether latency Once users of your website

04:09.080 --> 04:09.980
get there.

04:09.980 --> 04:11.260
So stay tuned for that.

04:11.510 --> 04:16.970
But what we are dealing with here though is how to reduce the latency problem inherent to mobile user

04:16.970 --> 04:22.030
experience when initially navigating to your Wordpress Web site.

04:22.070 --> 04:28.700
There are numerous ways to get this done actually have a mobile optimized version of your site a separate

04:28.700 --> 04:35.570
tablet optimized version of your site a responsive theme custom coding etc. etc..

04:35.580 --> 04:40.730
However in my experience and as a general principle that we apply it W.P. faster.

04:40.730 --> 04:47.750
The simplest solution must Gorgon's razors essentially stealing this from our man Ogham.

04:47.840 --> 04:52.370
The simplest solution tends to be the most effective and problem free one.

04:52.370 --> 04:58.190
So rather than you listen to me drone on about all possible mobile optimized options and permutations

04:58.190 --> 05:04.340
I'll get right to the best most simple solution that will work for 99 percent of you right out of the

05:04.340 --> 05:09.970
box and that solution is called W P touch.

05:10.280 --> 05:13.780
So what you'll want to do is simply go to your plugins tab

05:17.020 --> 05:17.860
click Add new

05:21.750 --> 05:24.150
and search for WP touch

05:29.360 --> 05:33.670
and there is simple look at some of the details

05:39.140 --> 05:44.880
such as a mobile plugin for Wordpress that automatically enables a simple and elegant mobile theme for

05:44.880 --> 05:47.230
mobile visitors of your website.

05:47.460 --> 05:55.350
The admin panel allows you to customize many aspects of its appearance and deliver a fast user friendly.

05:55.360 --> 06:01.890
There are words and stylish always important to user experience version of your site to your mobile

06:01.890 --> 06:09.270
visitors and here's what is key and fundamentally why I'm recommending it to you without modifying a

06:09.270 --> 06:11.440
single bit of code.

06:12.420 --> 06:19.260
Are affecting your regular desk top theme as you can see here.

06:19.260 --> 06:26.710
There's also a pro version of the plug in which obviously is going to offer quite a bit more functionality

06:27.210 --> 06:32.150
and that pro version may prove the best solution for some of you but try the free one first.

06:32.410 --> 06:37.440
Let's have a look at the installation to as you can see here.

06:38.020 --> 06:43.270
There is a user manual available for download.

06:44.180 --> 06:49.490
And in it you will find everything you need to know concerning how to configure the plugin for your

06:49.490 --> 06:50.180
particular needs.

06:50.180 --> 06:55.050
Don't be intimidated by the fact that this plugin comes with an actual manual.

06:55.190 --> 06:56.480
I know it can sound scary.

06:56.480 --> 06:57.230
My God.

06:57.280 --> 06:58.470
Missing comes with a book.

06:58.540 --> 07:05.390
But no the plugin itself is exceedingly user friendly and intuitive and in fact advanced WordPress users

07:05.810 --> 07:09.490
probably might not even need to access the user manual.

07:09.590 --> 07:15.170
But it is there for your reference and for beginners to WordPress optimization WordPress in general.

07:15.350 --> 07:19.950
This manual will serve you well.

07:22.090 --> 07:23.470
Ps..

07:23.660 --> 07:26.960
And bing bang boom Bob's your uncle.

07:26.960 --> 07:33.580
There you have it by far and away the easiest solution to optimizing your WordPress website for its

07:33.620 --> 07:34.690
mobile users.

07:35.840 --> 07:38.840
Mobile optimization is almost laughably simple.

07:38.870 --> 07:44.240
This however is the only thing having to do with optimizing your wordpress site for speed that approaches

07:44.240 --> 07:48.040
this level of ease which is in fact why I'm getting it the way.

07:48.050 --> 07:51.850
In the introductory section to this course.

07:51.860 --> 07:52.940
But worry not.

07:52.970 --> 07:59.630
As the course proceeds you will come to realize that the more complex non plug in play optimization

07:59.630 --> 08:05.450
methods I will teach you fall well within anyones ability to understand it and implement them.

08:05.540 --> 08:12.140
And before you know it you will have them all singing in perfect harmonious chorus with one another.
