Skip to content

Commit 9badd5e

Browse files
committed
Update readme with initial notes
1 parent 7f75dd1 commit 9badd5e

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

README.md

+6-2
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,17 @@ Learning Website Performance Optimization.
1515

1616
## How the browser constructs a page?
1717

18+
...
19+
1820
## To dos for a better performance
1921

2022
:point_right: Always analyze your website in your phone.
2123

2224
> Why? - Cellular phones are much more limited in features: slower CPUs, less RAM and GPU memory, higher connection latencies, etc. As a result, you'll always need to analyze and debug your site on mobile hardware to get a more accurate sense of the experience users will have on your site on mobile devices.
2325
26+
:point_right: ...
27+
:point_right: ...
28+
2429
## Debugging Websites
2530

2631
### Debugging Tools
@@ -40,8 +45,7 @@ All you need is an Android device and a USB cable, so follow the steps below:
4045
* Now, you could see the mobile device connected in Chrome on your laptop/PC. Type the website address which you want to debug.
4146
* After that, you will have some controls like `inspect`, `focus tab`, `reload` and `close` the website you want, and will be able to start the debugging.
4247

43-
> *TIP* : When you are inspecting the website in Chrome Dev Tools with the mobile device connected, you can enable `screencast` in Developer Tools (phone icon, at the top left corner) in order to mirror the device screen in Chrome Dev Tools to facilitate the debugging process.
44-
48+
> TIP : When you are inspecting the website in Chrome Dev Tools with the mobile device connected, you can enable `screencast` in Developer Tools (phone icon, at the top left corner) in order to mirror the device screen in Chrome Dev Tools to facilitate the debugging process.
4549
4650
## Web Performance Tools
4751

0 commit comments

Comments
 (0)