O documento aborda a importância do cache em sistemas de desenvolvimento, destacando diferentes tipos de cache e suas funções no backend e frontend. Estratégias para gerenciar o cache, incluindo invalidação e cuidados em sistemas distribuídos, são discutidas. A eficácia do cache na velocidade de carregamento e na redução de recursos de servidor também é enfatizada.

1. Vamos falar sobre Cache

2. Felipe Klerk Signorini
DevOps - ativo.com
● Arquiteto de software
● Infra estrutura
● Desenvolvimento.

3. Nossa conversa
➔ Por onde começar
➔ Estratégias
➔ Aonde tomar cuidado
"O problema é cache, sempre o cache"
➔ Quais são os tipos de cache
Memória, io, no backend no frontend.
➔ Exemplos

4. 1.
Por onde começar?

10. Possuímos vários tipos de
cache em várias fases, nas
várias requisições.
Podemos dividir em dois grandes grupos, back e front.

11. Processo web
BrowserUsuário
Domain Server
Register DNS
Server
Server

12. Processo web
BrowserUsuário
Domain Server
Register DNS
Server
Server

13. Processo web
BrowserUsuário
Server

15. Processo web
BrowserUsuário
Server nginx
php-fpm
mysql

16. Processo web
Usuário
Server
Usuário
Usuário
Usuário
Usuário
Usuário
Usuário
Usuário

17. Processo web
Server20
Usuário

18. Cache é
Guardar algo
temporáriamente para uso
posterior.

19. Processo web
BrowserUsuário
Server nginx
php-fpm
mysql

20. Processo web
Browser
Usuário Server nginx
php-fpm
mysql
Cache

21. 2.
Estratégias e lições
aprendidas

22. There are two hard things in
computer science: cache
invalidation and naming
things.
-- Phil Karlton

23. Cache invalidation
Usuário
Server
Process
Cache
Usuário
Usuário

24. Server
Process
Cache
Usuário
Usuário
Admin
Inclui um novo artigo
Porém o conteúdo
não aparece
Cache invalidation

25. Cache invalidation - distributed system
Usuário
Server
Process Process
Cache
Server
Usuário Usuário Usuário
Usuário
Process
Server
Cache
V1
V2

26. Cache invalidation - Mobile/Desktop
Desktop
Server
Process
Cache
Mobile
Versão desktop
para mobile

27. Cache invalidation - Mobile/Desktop
Desktop
Server
Process
Cache
Mobile
Versão desktop
para mobile

28. Invalidação:
Deploys
Após fazer um deploy,
rodar um script que inválida
alguns tipos de cache.
Por tempo
Estabeleça tempos de
invalidação, quase todas as
informações não precisam
ser em real time
Por triggers
Por gatilhos, tais como um
novo post, uma nova
atualização de preços e
afins

29. Para as invalidações
➔ Crie serviços para gerenciar o cache (cache manager),
centralizando o controle de cache, facilitando o processo de
invalidação.
➔ Estabeleça regras claras e concisas de criação e invalidação de
cada cache.
➔ Tenha o dobro de cuidado quando estiver trabalhando com
cache em sistema distribuídos.
➔ Começe o mais rápido

34. Instale o w3 total cache e
tenha o site 300% mais
rápido.

35. Será mesmo??

36. Cache
➔ Aumenta consideravelmente a velocidade de carregamento do
site, principalmente de sites de conteúdo, muito utilizados com
wordpress ou drupal.
➔ Diminui consideravelmente o consumo de recursos de servidor,
evitando processos repetitivos.
➔ Atenção ao tipo de cache utilizado, cache em arquivos tendem a
ficar obsoleto.
➔ Começe o mais rápido possível...

37. Saiba o que realmente está
fazendo….

38. WP - SuperCache

39. WP -
w3 total
cache

40. WP - wordfence

41. CloudFlare

42. CloudFlare

43. IO cache

45. Cache invalidation challenge
Akamai
Reverse Cache
APP Cache
Object Cache
Browser
cache

46. E como seria em um sistema
distribuído

47. Tipos de cache BackEnd
● Cache em memória
○ Memcache
○ Redis
● Em disco
○ Files (SSD plz)
○ Servidores NFS

48. Cache - Em disco
HDD SSDVS

49. Em disco
➔ Realmente tem efetividade para grandes processamentos.
➔ IO é um processo lento e bem custoso
➔ O cache fica na máquina, o que pode trazer problemas para
sistemas distribuídos
➔ SSD sempre...

50. Cache - Memória

51. Cache de memória
➔ Bem mais rápido comparado ao IO
➔ Perfeito para sistemas distribuídos
➔ Facilmente escalável
➔ Recursos melhores (memcache: objetos e possibilidade de
utilizar tags)

52. 3.
Cache, cache e cache

53. BackEnd
Processos guardados e reutilizados em servidores.

54. HTTP
Cache - App - Page
Routes Controller
DataBase
View
MIddleware

55. HTTP
Cache - App - Page
Routes Controller
DataBase
View
MIddleware
Cache

58. Cache - Object
Class Friends Call Model
Controller
MySQL ForEach Filter
$my_friends

59. Cache - Object
Class Friends Call Model
Controller
MySQL ForEach Filter
$my_friends
Cache

61. View Object
Cache - View
Render
Controller
View Object Render
View Object Render

62. View Object
Cache - View
Render
Controller
View Object Render
View Object Render
Cache

63. Model
Cache - Models
Database
Controller
Model Database

64. Model
Cache - Models
Database
Controller
Model Database
Cache

65. get_file_contents
Cache - Request
HTTP
Controller
get_file_contents HTTP
Controller

66. get_file_contents
Cache - Request
HTTP
Controller
get_file_contents HTTP
Controller
Cache

67. Cache - Reverse Proxy
HTTP Servers Applications DataBase

68. Cache - Reverse Proxy
HTTP Servers Applications DataBase
Proxy
Cache

71. Cache - Proxy reverso

72. Cache - CDNs
HTTP Servers
Statics files

73. Cache - CDNs
HTTP Servers
Statics files
CDN

75. Cache - CDNs

76. FrontEnd
Processos guardados e reutilizados em cada usuário.

77. Cache - HTTP Caching
Browser
/page
Cache
200 ok
Content-Length: 1024
Cache-Control: max-age=120
ETag: "x34234242"
Servers
/style.css
/script.js
/proto.jpg
Cache-Control: no-cache
Cache-Control: max-age:347242
Cache-Control: max-age:347242
Cache-Control: max-age:347242

78. Cache - HTTP Caching
Browser
/page
Cache
200 ok
Content-Length: 1024
Cache-Control: max-age=120
ETag: "x34234242"
Servers
/style.css
/script.js
/proto.jpg
Cache-Control: no-cache
Cache-Control: max-age:347242
Cache-Control: max-age:347242
Cache-Control: max-age:347242
Cache

79. Cache - HTTP Caching

80. Cache - Local Storage
jquery request
Server
AjaxforEach Process

81. Cache - Local Storage
jquery request
Server
AjaxforEach Process
Cache

83. Local Storage
Mini Banco de dados de chave e valor.
● Até 5mb de dados

85. Cache - Manifest
jquery
forEach Process
Offline Cache

86. Manifest cache
Possibilidade de guardar arquivos e informações para uso
offline.
- Navegação off-line: os usuários podem navegar por todo o site
quando estão off-line
- Velocidade: os recursos armazenados em cache são locais e,
portanto, são carregados mais rapidamente.
- Redução da carga do servidor: o navegador fará download do
servidor apenas dos recursos que forem alterados.
-

89. Manifest
➔ Planeje bem o processo de invalidação, para qualquer tipo de
alteração, este deverá ser replicado no arquivo de manifesto.
➔ Criado principalmente para oferecer uma navegação offline.
➔ Entre 5 a 10mb de espaço (depende do browser).

90. 4.
Concluíndo

91. Entenda como cada estilo
de cache funciona, entenda
como funciona sua
arquitetura.

92. Atenção redobrada para o
cache em sistemas
distribuídos.

93. Aconselha-se a implementar
o cache depois que lançar o
produto.

94. Bye.
felipeklerk@yahoo.com.br
linkedin.com/in/felipe-klerk-signorini
facebook.com/felipesignorini