Question 1

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

Accepted Answer

A) True 
 B)False  True

Question 2

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.

Accepted Answer

image

Question 3

A spritesheet contains multiple __________.

Accepted Answer

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

Question 4

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

Accepted Answer

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

Question 5

__________ image files compresses them without losing significant visual information.

Accepted Answer

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

Question 6

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.

Accepted Answer

A) True 
 B)False

Question 7

Because a spritesheet is a single image file, __________.

Accepted Answer

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. 
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 8

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. _________________________

Accepted Answer

A) True 
 B)False

Question 9

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

Accepted Answer

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

Question 10

You should use spritesheets only for decorative images because __________.

Accepted Answer

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. 
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 11

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

Accepted Answer

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

Question 12

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

Accepted Answer

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

Question 13

You create a custom build of Modernizr by __________.

Accepted Answer

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. 
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 14

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

Accepted Answer

Students must name and explain four of t

Question 15

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

Accepted Answer

A) True 
 B)False

Question 16

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

Accepted Answer

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

Question 17

Case-Based Critical Thinking Question Risa has created a website for her interior decorating business. Before the publishes the site, she is making changes to improve its performance.
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 __________ .

Accepted Answer

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

Question 18

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

Accepted Answer

A) True 
 B)False

Question 19

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

Accepted Answer

The answer of By reducing the number of __________ downloaded...

Question 20

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

Accepted Answer

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

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

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.

A spritesheet contains multiple __________.

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

__________ image files compresses them without losing significant visual information.

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.

Because a spritesheet is a single image file, __________.

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. _________________________

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

You should use spritesheets only for decorative images because __________.

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

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

You create a custom build of Modernizr by __________.

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

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

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

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

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

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

Getting Started With Html

Structuring Content in a Web Document

Getting Started With Css

Laying Out Elements With Css

Formatting Text With Css

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With Lists and Tables

Implementing Responsive Design

Creating and Processing Web Forms

Creating Visual Effects and Animation

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Filters

Exam 16: Testing and Improving Performance

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

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.

A spritesheet contains multiple __________.

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

__________ image files compresses them without losing significant visual information.

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.

Because a spritesheet is a single image file, __________.

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. _________________________

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

You should use spritesheets only for decorative images because __________.

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

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

You create a custom build of Modernizr by __________.

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

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

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

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

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

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

Getting Started With Html

Structuring Content in a Web Document

Getting Started With Css

Laying Out Elements With Css

Formatting Text With Css

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With Lists and Tables

Implementing Responsive Design

Creating and Processing Web Forms

Creating Visual Effects and Animation

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Filters