Deck 16: Testing and Improving Performance

Question 1

Event when an image is at the correct size for your web page, it's often possible to reduce the file size by reducing the depth of the image in a way that humans can't perceive._________________________

Answer 1

False

Question 2

To implement a spritesheet, you use image editing software to break up a single image into multiple smaller images.

Answer 2

False

Question 3

Browsers generally limit the number of files that can be requested from a single server simultaneously._________________________

Answer 3

True

Question 4

No matter what the audience for your website, the majority of users are likely to be using the Linux operating system._________________________

Question 5

A spritesheet enables multiple images to be retrieved with a single HTML request._________________________

Question 6

Adopted styles are style rules based on selectors that no longer apply to any elements on your web pages._________________________

Question 7

If you are developing on a Mac, it's important to ensure that you have access to a Windows system for testing.

Question 8

Minified CSS files are no more difficult for a human to read than unminified files.

Question 9

Validating CSS removes all unnecessary characters, which reduces file size._________________________

Question 10

Removing orphaned styles reduces the amount of code users have to download.

Question 11

Chrome Device Mode includes a utility that lets you view a simulation of a web page loading at different connection speeds._________________________

Question 12

Testing a website's layout and functionality using your own computer and a browser gives you a reasonable sense of how quickly a published site responds to user interaction over the Internet.

Question 13

Optimizing page load time is important for mobile users but does not impact desktop users.

Question 14

Creating a custom build of Modernizr can increase the speed at which your site downloads.

Question 15

The best way to test the usability of your website is by using the website yourself.

Question 16

To use a spritesheet on a web page, you specify it as the background color for multiple elements._________________________

Question 17

You can optimize several aspects of your code to ensure that your content is available as quickly as possible to users who want to access it.

Question 18

You can reduce the size of some image files that are part of your website without affecting their content.

Question 19

To ensure that your questions don't vary between usability testers, it's considered a good practice to create a script and to use it consistently throughout the testing process._________________________

Question 20

A version of a library that includes only the features your site uses is known as a custom build._________________________

Question 21

Any improvements that cause your pages to load more quickly can help __________.

A) reduce the sizes of files that are part of your website.
B) avoid users becoming impatient with your site as it loads.
C) reduce the number of files that browsers must download.
D) make your site's images less complex.

Question 22

When you conduct a usability test, the person conducting the test is generally __________

A) in the room with the user.
B) behind mirrored glass watching the user.
C) using a computer while the user watches.
D) not involved in the test itself.

Question 23

By simulating loading your web page at different connection speeds, you can test its __________.

A) validity
B) search rank
C) orphaned styles
D) performance

Question 24

It can be useful to test your website at different connection speeds to see __________.

A) how many files it contains.
B) how quickly it might load for different users.
C) its total download size.
D) how many JavaScript libraries it uses.

Question 25

In Chrome Device Mode, the maximum amount of data that a connection can carry per second is measured in __________.

A) milliseconds
B) number of files
C) megahertz (MHz)
D) megabits per second (Mbps)

Question 26

In Chrome Device Mode, the maximum time from a request being sent to data being returned from the server is measured in __________.

A) milliseconds
B) number of files
C) megahertz (MHz)
D) megabits per second (Mbps)

Question 27

__________ image files compresses them without losing significant visual information.

A) Validating
B) Cropping
C) Optimizing
D) Minifying

Question 28

Because a spritesheet is a single image file, __________.

A) you can use it in only one location on a web page.
B) you can download it with a single HTTP request.
C) you must redesign your web pages to use fewer images.
D) it has no effect on your website's performance.

Question 29

Developers reduce the amount of time required to wait for file requests by __________.

A) using fewer styles.
B) reducing the number of images on each page.
C) eliminating the use of JavaScript libraries.
D) combining files of the same type into a single file.

Question 30

You can reduce the download size of your website by creating a custom build of any __________ your site uses.

A) image
B) style sheet
C) JavaScript library
D) HTML document

Question 31

Which of the following is out of your control as a developer?

A) the size of embedded files
B) the size of linked files
C) the number of HTTP requests
D) a user's Internet connection speed

Question 32

To create a spritesheet, you use __________.

A) image editing software.
B) Chrome Device Mode
C) any web browser
D) an image optimization tool

Question 33

Orphaned styles are styles that

A) apply to more than one web page.
B) no longer apply to any elements on your web pages.
C) duplicate other styles.
D) are part of both external and embedded style sheets.

Question 34

Using a web application to remove spaces and comments from JavaScript code is an example of __________.

A) removing orphaned styles
B) minifying
C) creating a custom build
D) optimizing

Question 35

When a browser requests files from a web server, it uses __________.

A) File Transfer Protocol (FTP)
B) Hypertext Transfer Protocol (HTTP)
C) RealTime Transport Protocol (RTP)
D) Dynamic Host Configuration Protocol (DHCP)

Question 36

Browsers generally limit the number of __________ that can be requested from a single server simultaneously.

A) bytes
B) lines of code
C) files
D) favicons

Question 37

A spritesheet contains multiple __________.

A) JavaScript libraries
B) style sheets
C) HTML documents
D) images

Question 38

Chrome Device Mode includes a utility that __________.

A) lets you view a simulation of a web page loading at different connection speeds.
B) shows the total file size of your website.
C) suggests files you can combine to speed downloads.
D) ensures that all users can download your site at the highest available connection speed.

Question 39

In a usability test, the user __________.

A) observes from behind mirrored glass.
B) reads a script.
C) observes what the tester does.
D) sits at a computer and attempts to complete tasks.

Question 40

You can perform basic CSS minification manually by deleting all line breaks from the code and __________.

A) removing all semicolons.
B) eliminating all colons.
C) taking out every instance of the apostrophe and quote characters.
D) deleting all spaces between curly braces.

Question 41

Risa is combining 3 decorative images into a spritesheet.After she incorporates the spritesheet into her website, how many HTTP requests will be necessary to download all the images in the spritesheet?

A) 0
B) 1
C) 2
D) 3

Question 42

Properties for the images in a spritesheet are usually generated __________.

A) by trial and error.
B) during the process of image optimization.
C) with a pixel ruler.
D) using third-party software.

Question 43

Referring to the figure above, one type of character that is included on the left side but not on the right is the __________.

A) hyphen ( - )
B) comma ( , )
C) space
D) semicolon ( ; )

Question 44

The CSS code for placing an image from Risa's spritesheet uses the __________ to set a starting point for the image within the spritesheet.

A) background-position property
B) background-image property
C) background property
D) width and height properties

Question 45

You should use spritesheets only for decorative images because __________.

A) the dimensions of the spritesheet would be too large if it included all images.
B) the filesize of the spritesheet would be too large if it included all images.
C) you can't specify alt text for a spritesheet.
D) only decorative images can be optimized.

Question 46

You create a custom build of Modernizr by __________.

A) minifying the modernizr.js file.
B) using a configuration tool on the modernizr.com website.
C) removing orphaned styles from the modernizr.js file.
D) using Chrome Device Mode.

Question 47

​
​

Referring to the figure above, the image is referenced in the code for the web page using the __________.

A) tag
B) background-position property
C) background-image property
D) background property

Question 48

​
​

Referring to the figure above, combining image1·png through image4·png into images·png is an example of __________.

A) optimizing images
B) implementing a spritesheet.
C) minifying CSS files.
D) removing orphaned styles.

Question 49

It is common to download and include the entire Modernizr library during the process of building a site because __________.

A) the features you incorporate into your website can change as you develop it.
B) you must have the entire library to use Modernizr on a local machine.
C) you have to test the entire library on a variety of connection speeds.
D) the entire library is necessary unless your site includes spritesheets.

Question 50

To test at a fast mobile speed, Cedric simulates downloading the site using modern wireless technology such as LTE, which is also known as __________.

A) DSL
B) Regular 4G
C) Regular 3G/Good 3G
D) WiFi

Question 51

Cedric simulates the experience of a user at home or at work on a local wireless connection, which is also known as __________.

A) WiFi
B) Regular 2G/Good 2G
C) GPRS
D) Regular 4G

Question 52

​
​

Referring to the figure above, the files listed on the left side of the figure represent __________ HTTP requests.

A) 7
B) 1
C) 3
D) 4

Question 53

​
​

Referring to the figure above, the files listed on the right side of the figure represent __________ HTTP requests.

A) 3
B) 1
C) 7
D) 0

Question 54

Referring to the figure above, one type of code that is included on the left side but not on the right is a(n) __________.

A) style rule
B) comment
C) declaration
D) selector

Question 55

​
​

Referring to the figure above, combining the styles1.css and styles2.css files into styles.css is an example of __________.

A) removing orphaned styles.
B) reducing the number of HTTP requests.
C) minifying CSS files.
D) implementing spritesheets.

Question 56

Risa uses image editing software to generate CSS code for each image in the spritesheet.The code specifies the dimensions of each element using the __________ .

A) background-position property
B) background-imageproperty
C) backgroundproperty
D) width and heightproperties

Question 57

To test at low speeds, Cedric simulates downloading the site using the lowest connection speed supported by many wireless carriers, which is known as __________.

A) DSL
B) Regular 3G/Good 3G
C) Regular 4G
D) Regular 2G/Good 2G

Question 58

​
​

Referring to the figure above, the figure illustrates using __________.

A) image optimization
B) a minifier
C) a custom build
D) a spritesheet

Question 59

Referring to the figure above, the code on the right side has been ____.

A) minified
B) optimized
C) validated
D) customized

Question 60

Cedric can't easily test at multiple connection speeds, so he uses a tool such as __________.

A) W3C Validation Service
B) an online image optimizer
C) Chrome Device Mode
D) an online minifier

Question 61

In a usability test, the user sits at a(n) __________ and attempts to complete the tasks requested by the person conducting the test.

Question 62

The measure of how quickly a published site loads and responds to user interaction over the Internet is known as the site's __________.

Question 63

Name all of the operating systems on which you should perform browser tests.For each one, explain why you should test on that particular operating system.

Question 64

By reducing the number of __________ downloaded and their size, you can improve your site's performance for all users.

Question 65

To use a spritesheet on a web page, you specify it as the __________ image for multiple elements.

Question 66

Even when a(n) __________ is at the correct size for your web page, it's often possible to reduce the file size by reducing its quality in a way that humans can't perceive, a process known as optimization.

Question 67

Both __________ and iOS phones are used by significant numbers of people, so testing on the most widely used versions of these mobile operating systems is important.

Question 68

Name four best practices for decreasing page load time, and explain the effect of each.

Question 69

Name and describe two methods for reducing the size of CSS files.

Question 70

Creating a custom __________ of the Modernizr library reduces the size of the file that users have to download.